@redneckz/wildless-cms-uni-blocks 0.14.709 → 0.14.711

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

@@ -1,351 +1,12 @@
-/* eslint-disable max-lines */
-/* eslint-disable max-len */
-
+import {
+  COMMON_RETAIL_CONTENT,
+  CREDIT_CARD_CONTENT,
+  DELIVERY_CREDIT_CARD_CONTENT,
+} from '../../services/retail/content';
 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: 'limitedBirthday', required: true, filledByEsia: true },
-        { fieldType: 'common', name: 'birthPlace', required: true, filledByEsia: true },
-        { fieldType: 'common', name: 'phone', required: true, filledByEsia: 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', required: true },
-        { 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: true },
-        { fieldType: 'common', name: 'amountWorkers', required: true },
-      ],
-    },
-    {
-      columns: 2,
-      inputs: [
-        { fieldType: 'common', name: 'employerActivities', required: true },
-        { fieldType: 'common', name: 'employerOrganization', required: true },
-        { 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: true },
-        {
-          fieldType: 'common',
-          name: 'partInBusiness',
-          required: true,
-          condition: { name: 'positionOrganization', values: ['BUSINESS_OWNER'] },
-        },
-      ],
-    },
-    {
-      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: 'confirmationIncome', required: true }],
-    },
-    {
-      columns: 1,
-      inputs: [{ fieldType: 'common', name: 'wages', required: true }],
-    },
-    {
-      columns: 1,
-      inputs: [{ fieldType: 'common', name: 'mandatoryPayments', 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' }],
-    },
-    {
-      title: 'Адрес',
-      columns: 1,
-      inputs: [],
-    },
-    {
-      inputs: [
-        {
-          fieldType: 'common',
-          name: 'addressCourier',
-          dadata: true,
-          condition: {
-            name: 'methodObtain',
-            values: ['courier'],
-          },
-          required: true,
-        },
-        {
-          fieldType: 'common',
-          name: 'deliveryDate',
-          condition: {
-            name: 'methodObtain',
-            values: ['courier'],
-          },
-          required: true,
-        },
-        {
-          fieldType: 'common',
-          name: 'comment',
-          condition: {
-            name: 'methodObtain',
-            values: ['courier'],
-          },
-        },
-      ],
-    },
-    {
-      inputs: [
-        {
-          fieldType: 'common',
-          name: 'regionRetail',
-          required: true,
-          condition: {
-            name: 'methodObtain',
-            values: ['office'],
-          },
-        },
-        {
-          fieldType: 'common',
-          name: 'addressRetail',
-          required: true,
-          condition: {
-            name: 'methodObtain',
-            values: ['office'],
-          },
-        },
-      ],
-    },
-    {
-      inputs: [
-        {
-          fieldType: 'info',
-          text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
-          condition: {
-            name: 'methodObtain',
-            values: ['office'],
-          },
-        },
-        {
-          fieldType: 'common',
-          name: 'bankEmployeeCode',
-          condition: {
-            name: 'methodObtain',
-            values: ['office'],
-          },
-        },
-      ],
-    },
-  ],
+  CREDIT_CARD_CONTENT,
+  ...COMMON_RETAIL_CONTENT,
+  DELIVERY_CREDIT_CARD_CONTENT,
 ];

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

@@ -76,10 +76,7 @@ export const formStateMap: Partial<LeadFormState>[] = [
   },
   {
     regionRetail: { key: '', text: '' },
-    addressRetail: {
-      key: '',
-      text: '',
-    },
+    addressRetail: { key: '', text: '' },
     bankEmployeeCode: undefined,
     addressCourier: {
       fullAddress: '',

package/mobile/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -1,12 +1,16 @@
 import { type Participant, type UpdateUserTaskBody } from '../../api/RetailAPI/updateUserTask';
 import { locationNavigator } from '../../external/locationNavigator';
+import { getAdditionalInfoData } from '../../services/retail/adaptors/getAdditionalInfoData';
+import { getCardOptionsData } from '../../services/retail/adaptors/getCardOptionsData';
+import { getEmploymentData } from '../../services/retail/adaptors/getEmploymentData';
+import { getFamilyStatusAndIncomeData } from '../../services/retail/adaptors/getFamilyStatusAndIncomeData';
+import { getPersonalInfoData } from '../../services/retail/adaptors/getPersonalInfoData';
 import { type LeadFormState } from '../ApplicationLeadForm/LeadFormState';
-import { getCardData } from './getCardData';
-import { getFifthStepData } from './getFifthStepData';
-import { getFourthStepData } from './getFourthStepData';
-import { getSecondStepData } from './getSecondStepData';
-import { getDeliveryData, getOfficeCode, getSixthStepData } from './getSixthStepData';
-import { getThirdStepData } from './getThirdStepData';
+import {
+  getDeliveryCreditCardData,
+  getDeliveryData,
+  getOfficeCode,
+} from './getDeliveryCreditCardData';
 
 type getCreditCardFormTaskDataProps = {
   participantId: number;
@@ -46,7 +50,7 @@ export const getCreditCardFormTaskData = ({
           ...getCurrentStepData(step, formData),
         },
       ],
-      ...getCardData(formData),
+      ...getCardOptionsData(formData),
       ...getDeliveryData(formData),
     },
   };
@@ -57,15 +61,15 @@ const getCurrentStepData = (step: number, formData: LeadFormState): Partial<Part
     case 0:
       return {};
     case 1:
-      return getSecondStepData(formData);
+      return getPersonalInfoData(formData);
     case 2:
-      return getThirdStepData(formData);
+      return getEmploymentData(formData);
     case 3:
-      return getFourthStepData(formData);
+      return getFamilyStatusAndIncomeData(formData);
     case 4:
-      return getFifthStepData(formData);
+      return getAdditionalInfoData(formData);
     case 5:
-      return getSixthStepData(formData);
+      return getDeliveryCreditCardData(formData);
     default:
       return {};
   }

package/mobile/src/components/CreditCardForm/{getSixthStepData.ts → getDeliveryCreditCardData.ts}

@@ -28,7 +28,7 @@ export const getOfficeCode = (formData: LeadFormState) => {
     : {};
 };
 
-export const getSixthStepData = (formData: LeadFormState) => {
+export const getDeliveryCreditCardData = (formData: LeadFormState) => {
   const { addressCourier, methodObtain } = formData;
 
   const isCourierDelivery = methodObtain === 'courier';

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

@@ -3,26 +3,22 @@ import { formStateMap } from './formStateMap';
 
 export const getInitialFormState = (
   step: number,
-  localStorageData: Record<string, any> | null,
+  formState: LeadFormState | null,
 ): LeadFormState => ({
   ...formStateMap[step],
-  ...localStorageData,
-  limitedBirthday: transformStringToData(localStorageData?.limitedBirthday as string),
-  dulIssueDateField: transformStringToData(localStorageData?.dulIssueDateField as string),
+  ...formState,
+  limitedBirthday: transformStringToData(formState?.limitedBirthday as string),
+  dulIssueDateField: transformStringToData(formState?.dulIssueDateField as string),
   participantDateRegistration: transformStringToData(
-    localStorageData?.participantDateRegistration as string,
+    formState?.participantDateRegistration as string,
   ),
-  beginDate: transformStringToData(localStorageData?.beginDate as string),
-  deliveryDate: transformStringToData(localStorageData?.deliveryDate as string),
+  beginDate: transformStringToData(formState?.beginDate as string),
+  deliveryDate: transformStringToData(formState?.deliveryDate as string),
 });
 
 const transformStringToData = (text?: string) => {
-  if (!text) {
-    return undefined;
-  }
-
   try {
-    return new Date(text);
+    return text ? new Date(text) : undefined;
   } catch (_) {
     return undefined;
   }

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

@@ -1,6 +1,6 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
@@ -8,107 +8,88 @@ import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent
 import { type LeadFormState } from '../ApplicationLeadForm/LeadFormState';
 import { calculateInputs, type GetValue } from './calculateInputs';
 import { getCreditCardFormTaskData } from './getCreditCardFormTaskData';
+import { getInitialFormState } from './getInitialFormState';
 
-type CreditCardFormApiProps = {
+interface CreditFormApiProps {
   step: number;
   inputs: FieldDef[];
   onNextStep: () => void;
-  saveStep: (value: Record<string, any>) => void;
-  finishForm?: (bool: boolean) => void;
-};
-
-export type StatusInfoState = {
-  regionRetail?: string;
-  addressRetail?: string;
-  cardCategory?: string;
-  calculator?: {
-    monthsValue?: number;
-    moneyValue?: number;
-    isAnnuity?: boolean;
-  };
-};
+  onFinish?: () => void;
+}
 
 export const useCreditCardFormAPI = ({
   step,
   inputs,
   onNextStep,
-  saveStep,
-  finishForm,
-}: CreditCardFormApiProps) => {
+  onFinish,
+}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void] => {
   const isFinalStep = step === 5;
-  const [taskId] = useLocalStorage<number>('taskId');
-  const [profileId] = useLocalStorage<number>('profileId');
-  const [participantId] = useLocalStorage<number>('participantId');
-  const [, setStatusInfo] = useLocalStorage('statusInfo');
-  const [leadForm] = useLocalStorage<LeadFormState>('leadForm');
-
-  const handleSubmit = useCallback(async (formData: LeadFormState) => {
-    const feedbackValidator = objectValidator(
-      getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
-    );
-
-    if (!isValidationSuccess(feedbackValidator(formData))) {
-      return console.warn('validation fail');
-    }
 
-    saveStep(formData);
+  const retailFormStore = useRetailFormStore();
 
-    try {
-      if (taskId && profileId && participantId) {
-        const response = await updateUserTask(
-          getCreditCardFormTaskData({
-            participantId,
-            taskId,
-            profileId,
-            step,
-            formData: formData as any,
-          }),
-        );
-        resetForm({ isFinalStep, response, leadForm, setStatusInfo });
+  const initialState = useMemo(
+    () => getInitialFormState(step, retailFormStore.leadForm),
+    [step, retailFormStore.leadForm],
+  );
+  const resetForm = useCallback(
+    (response: Response) => {
+      const { leadForm } = retailFormStore;
+      if (isFinalStep && response.ok && leadForm) {
+        retailFormStore.statusInfo = {
+          regionRetail: leadForm?.regionRetail?.text,
+          addressRetail: leadForm?.addressRetail?.text,
+          cardCategory: leadForm?.cardCategory?.text,
+          calculator: {
+            monthsValue: leadForm?.calculator?.monthsValue,
+            moneyValue: leadForm?.calculator?.moneyValue,
+            isAnnuity: leadForm?.calculator?.isAnnuity,
+          },
+        };
+        retailFormStore.leadForm = initialState;
       }
-    } catch (ex) {
-      return 'Fail';
-    }
+    },
+    [isFinalStep, initialState],
+  );
 
-    onNextStep();
+  const handleSubmit = useCallback(
+    async (formData: LeadFormState) => {
+      const feedbackValidator = objectValidator(
+        getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
+      );
 
-    if (isFinalStep) {
-      finishForm?.(true);
-    }
-
-    return 'OK';
-  }, []);
+      if (!isValidationSuccess(feedbackValidator(formData))) {
+        return;
+      }
 
-  return {
-    handleSubmit,
-  };
-};
+      retailFormStore.leadForm = formData;
 
-const resetForm = ({
-  isFinalStep,
-  response,
-  leadForm,
-  setStatusInfo,
-}: {
-  isFinalStep: boolean;
-  response: Response;
-  leadForm: LeadFormState | null;
-  setStatusInfo: (statusInfo: StatusInfoState) => void;
-}) => {
-  if (isFinalStep && response.ok && leadForm) {
-    const regionRetail = leadForm?.regionRetail?.text;
-    const addressRetail = leadForm?.addressRetail?.text;
-    const cardCategory = leadForm?.cardCategory?.text;
-    const calculator = {
-      monthsValue: leadForm?.calculator?.monthsValue,
-      moneyValue: leadForm?.calculator?.moneyValue,
-      isAnnuity: leadForm?.calculator?.isAnnuity,
-    };
+      try {
+        const { taskId, profileId, participantId } = retailFormStore;
+        if (taskId && profileId && participantId) {
+          const response = await updateUserTask(
+            getCreditCardFormTaskData({
+              participantId,
+              taskId,
+              profileId,
+              step,
+              formData: formData as any,
+            }),
+          );
+          resetForm(response);
+        }
 
-    setStatusInfo({ regionRetail, addressRetail, cardCategory, calculator });
+        onNextStep();
+        if (isFinalStep) {
+          onFinish?.();
+        }
+      } catch (ex) {
+        // Do nothing
+      }
+    },
+    [isFinalStep, resetForm],
+  );
 
-    globalThis.localStorage.removeItem('leadForm');
-  }
+  return [initialState, handleSubmit];
 };
 
 const getValue =

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

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateRefreshToken } from '../../api/RetailAPI/updateRefreshToken';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -50,7 +51,7 @@ export const CreditForm = UniBlock<CreditFormProps>(({ className, programsSource
   const sections = useMemo(() => stepsSectionsMap[step], [step]);
 
   const isStartStep = step === 0;
-  const [isFormFinished, setIsFormFinished] = useState(false);
+  const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
 
   return (
     <BlockWrapper className={className} {...rest}>
@@ -63,11 +64,11 @@ export const CreditForm = UniBlock<CreditFormProps>(({ className, programsSource
             key={String(step)}
             step={step}
             sections={sections}
-            onNextStep={handleNextStep}
-            onPrevStep={handlePrevStep}
             isFormFinished={isFormFinished}
-            finishForm={setIsFormFinished}
             programsSource={programsSource as ProgramsSourceProps}
+            onNextStep={handleNextStep}
+            onPrevStep={handlePrevStep}
+            onFinish={handleFinish}
           />
         </div>
       </div>