@redneckz/wildless-cms-uni-blocks 0.14.775 → 0.14.777

package/src/retail/utils/latinFieldsUtils.ts

@@ -0,0 +1,83 @@
+const latinPattern = /^[\u0041-\u005A\u0061-\u007A\s]+$/u;
+
+export const isLatin = (_ = '') => latinPattern.test(_);
+
+// eslint-disable-next-line max-lines-per-function
+export const autoTranslateToLatin = (str: string): string => {
+  const replacer = {
+    А: 'A',
+    Б: 'B',
+    В: 'V',
+    Г: 'G',
+    Д: 'D',
+    Е: 'E',
+    Ё: 'E',
+    Ж: 'ZH',
+    З: 'Z',
+    И: 'I',
+    Й: 'I',
+    К: 'K',
+    Л: 'L',
+    М: 'M',
+    Н: 'N',
+    О: 'O',
+    П: 'P',
+    Р: 'R',
+    С: 'S',
+    Т: 'T',
+    У: 'U',
+    Ф: 'F',
+    Х: 'KH',
+    Ц: 'TS',
+    Ч: 'CH',
+    Ш: 'SH',
+    Щ: 'SHCH',
+    Ъ: 'IE',
+    Ы: 'Y',
+    Ь: '',
+    Э: 'E',
+    Ю: 'YU',
+    Я: 'YA',
+    '': '',
+    // Lower case
+    а: 'A',
+    б: 'B',
+    в: 'V',
+    г: 'G',
+    д: 'D',
+    е: 'E',
+    ё: 'E',
+    ж: 'ZH',
+    з: 'Z',
+    и: 'I',
+    й: 'I',
+    к: 'K',
+    л: 'L',
+    м: 'M',
+    н: 'N',
+    о: 'O',
+    п: 'P',
+    р: 'R',
+    с: 'S',
+    т: 'T',
+    у: 'U',
+    ф: 'F',
+    х: 'KH',
+    ц: 'TS',
+    ч: 'CH',
+    ш: 'SH',
+    щ: 'SHCH',
+    ъ: 'IE',
+    ы: 'Y',
+    ь: '',
+    э: 'E',
+    ю: 'YU',
+    я: 'YA',
+    '.': '.',
+    ',': ',',
+    '-': '-',
+    ' ': ' ',
+  };
+
+  return str.replace(/[А-ЯЁа-яё,. -]/g, (_) => replacer[_.toLowerCase()].toUpperCase() || '');
+};

package/src/retail/utils/mainFormStateMap.ts

@@ -0,0 +1,66 @@
+import { type LeadFormState } from '../model/LeadFormState';
+
+export const mainFormStateMap: Partial<LeadFormState>[] = [
+  {
+    surname: '',
+    name: '',
+    middleName: '',
+    sex: '',
+    limitedBirthday: undefined,
+    birthPlace: '',
+    phone: '',
+    email: '',
+    dulSerie: undefined,
+    dulNumber: undefined,
+    dulIssueDate: undefined,
+    dulSubdivisionCode: '',
+    dulIssuedBy: '',
+    addressRegistration: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    participantDateRegistration: undefined,
+    addressFact: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    housing: undefined,
+  },
+  {
+    amountWorkers: { key: '', text: '' },
+    beginDate: undefined,
+    employerActivities: { key: '', text: '' },
+    employerOrganization: { key: '', text: '' },
+    employment: { key: '', text: '' },
+    experience5Years: undefined,
+    inn: undefined,
+    jobsNumber: undefined,
+    lastJobExperience: undefined,
+    legalForm: '',
+    organization: { key: '', text: '' },
+    organizationAddress: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    organizationName: '',
+    organizationPhone: '',
+    partInBusiness: undefined,
+    positionOrganization: { key: '', text: '' },
+  },
+  {
+    familyStatus: { key: '', text: '' },
+    familyMembers: undefined,
+    dependents: undefined,
+    confirmationIncome: { key: '', text: '' },
+    wages: undefined,
+    mandatoryPayments: undefined,
+    snils: '',
+    armyIdFlg: false,
+  },
+  {
+    bankruptcyFlg: false,
+    shareholderFlg: false,
+    legalEntityName: '',
+    creditInRshbCd: undefined,
+  },
+];

package/src/retail/utils/mockLocalStorage.ts

@@ -0,0 +1,40 @@
+import { checkCode } from '../api/checkCode';
+import { createDraftTask } from '../api/createDraftTask';
+import { createUserProfile } from '../api/createUserProfile';
+import { sendCode } from '../api/sendCode';
+
+const PHONE = '+11111111111';
+const PROGRAM_ID = '13';
+
+export const mockLocalStorage = async () => {
+  const programId = globalThis.localStorage.getItem('programId') ?? PROGRAM_ID;
+
+  const profileId =
+    globalThis.localStorage.getItem('profileId') ??
+    (await createUserProfile({ profile: { phone: PHONE } }));
+
+  await sendCode({
+    phoneNumber: PHONE,
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+  });
+
+  await checkCode({
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+    smsText: '1234',
+  });
+
+  const task = {
+    taskId: globalThis.localStorage.getItem('taskId'),
+    participantId: globalThis.localStorage.getItem('participantId'),
+  };
+
+  if (!task.taskId || !task.participantId) {
+    const draft = await createDraftTask({ profileId: Number(profileId), programId });
+    Object.assign(task, draft);
+  }
+
+  globalThis.localStorage.setItem('programId', programId);
+  globalThis.localStorage.setItem('profileId', String(profileId));
+  globalThis.localStorage.setItem('taskId', String(task.taskId));
+  globalThis.localStorage.setItem('participantId', String(task.participantId));
+};

package/src/retail/utils/renderInputs.tsx

@@ -0,0 +1,16 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { getField } from '../../ui-kit/FormField/getField';
+import { InputRetailCardMap, InputsRetailMap } from '../inputs';
+import { type LeadFormState } from '../model/LeadFormState';
+import { type FieldRetailDef } from '../model/RetailFormContent';
+
+export interface RenderInputsProps {
+  inputs: FieldRetailDef[];
+  field: FormFieldRegisterer<LeadFormState>;
+  params?: Record<string, any>;
+}
+
+const InputsMap = { ...InputsRetailMap, ...InputRetailCardMap };
+
+export const renderInputs = ({ field, inputs, params }: RenderInputsProps) =>
+  inputs.map(getField<FieldRetailDef>(field, params, InputsMap));

package/src/retail/utils/renderStep.tsx

@@ -0,0 +1,32 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle';
+import { style } from '../../utils/style';
+import { type SectionsRetailProps } from '../model/InputSectionsType';
+import { type LeadFormState } from '../model/LeadFormState';
+import { calculateInputs, checkCondition, type GetValue } from './calculateInputs';
+import { renderInputs } from './renderInputs';
+
+export interface StepProps<SectionsProps extends SectionsRetailProps> {
+  sections?: SectionsProps[];
+  field: FormFieldRegisterer<LeadFormState>;
+  step: number;
+  params?: Record<string, any>;
+}
+
+export const renderStep = ({ sections, field, step, params }: StepProps<SectionsRetailProps>) =>
+  sections?.map(({ inputs: origInputs = [], columns, title, condition }, i) => {
+    const inputs = calculateInputs(getValue(field))(origInputs, step);
+
+    return (
+      <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
+        {!checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null}
+        {renderInputs({ field, inputs, params })}
+      </div>
+    );
+  });
+
+const getValue =
+  (field: FormFieldRegisterer<LeadFormState>): GetValue =>
+  (name) =>
+    field(name)?.value;

package/src/retail/utils/updateOrganizationFields.ts

@@ -0,0 +1,41 @@
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { type DaDataSuggestion } from '../api/dadataHints/dadataHintsType';
+import { getAddressFromDaDataItem } from '../components/Fields/AddressField';
+import { type CreditFormDictionarySlice } from '../hooks/useRetailFormStore';
+import {
+  getEmployeesNumberOption,
+  getOrganizationActivityType,
+  getOrganizationKind,
+  getOrganizationType,
+} from './getOrganizationParams';
+
+export const updateOrganizationFields = (
+  store: CreditFormDictionarySlice,
+  field: FormFieldRegisterer<any>,
+  item: DaDataSuggestion,
+) => {
+  const { okved, okopf, inn } = getOrganizationRequisites(item);
+
+  field?.('legalForm')?.onChange?.(item.data?.opf?.short);
+
+  field?.('organizationAddress')?.onChange?.(
+    getAddressFromDaDataItem(item.data?.address as DaDataSuggestion),
+  );
+
+  const organizationData = {
+    amountWorkers: getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count),
+    employerActivities: getOrganizationActivityType(store?.employerActivities ?? [], okved),
+    organization: getOrganizationType(store?.organization ?? [], okopf, inn),
+    employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
+  };
+
+  for (const fieldName in organizationData) {
+    organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
+  }
+};
+
+const getOrganizationRequisites = (item: DaDataSuggestion) => ({
+  inn: item.data?.inn ?? '',
+  okopf: Number(item.data?.opf?.code),
+  okved: item.data?.okved ?? '',
+});

package/src/retail/validator/validatorObj.ts

@@ -0,0 +1,97 @@
+import {
+  agreementValidator,
+  defaultSelectValidator,
+  defaultValidator,
+  phoneValidator,
+} from '../../ui-kit/FormField/validators';
+import { type Validator } from '../../validation/validator';
+import {
+  addressDaDataValidator,
+  addressOrganizationValidator,
+  codeWordValidator,
+  jobNumberValidator,
+  lengthStringValidator,
+  limitedBirthdayValidator,
+  numberValidator,
+  serieValidator,
+  snilsValidator,
+} from './validators';
+
+const validatorConsentsObj: Record<string, Validator> = {
+  processPersonalDataFlg: agreementValidator,
+  consentProviderFlg: agreementValidator,
+  consentInformFlg: agreementValidator,
+  consentPfrFlg: agreementValidator,
+  consentOthersFlg: agreementValidator,
+  consentFATCA: agreementValidator,
+};
+
+const validatorCreditCardObj: Record<string, Validator> = {
+  addressCourier: addressDaDataValidator(),
+  paymentSystem: defaultValidator('Укажите тип платежной системы'),
+  currency: defaultValidator('Укажите валюту'),
+  cardCategory: defaultValidator('Укажите категорию карты'),
+  codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
+  confirmationIncome: defaultSelectValidator(),
+  methodObtain: defaultValidator(),
+  deliveryDate: defaultValidator('Укажите дату доставки'),
+};
+
+const validatorRetailObj: Record<string, Validator> = {
+  organization: defaultSelectValidator('Выберите тип организации'),
+  organizationAddress: addressOrganizationValidator(),
+  organizationPhone: phoneValidator('Укажите номер телефона'),
+  organizationName: defaultValidator('Укажите наименование организации'),
+  legalForm: defaultValidator('Укажите ОПФ'),
+  generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
+  lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
+  experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
+  jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
+  beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+  addressFact: addressDaDataValidator(),
+  addressRegistration: addressDaDataValidator(),
+  addressRetail: defaultSelectValidator('Выберите адрес банка'),
+  addressMatch: defaultValidator(),
+  sex: defaultValidator('Укажите свой пол'),
+  limitedBirthday: limitedBirthdayValidator(),
+  birthPlace: defaultValidator('Укажите место рождения'),
+  education: defaultSelectValidator('Выберите ваше образование'),
+  housing: defaultSelectValidator('Выберите тип жилья'),
+  amountWorkers: defaultSelectValidator('Выберите информацию о количестве сотрудников'),
+  employment: defaultSelectValidator('Выберите информацию о трудоустройстве'),
+  employerActivities: defaultSelectValidator('Выберите вид деятельности организации'),
+  employerOrganization: defaultSelectValidator('Выберите вид организации'),
+  positionOrganization: defaultSelectValidator('Выберите вашу должность'),
+  familyStatus: defaultSelectValidator('Выберите семейное положение'),
+  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('Укажите номер паспорта'),
+  dulIssueDate: defaultValidator('Укажите дату выдачи паспорта'),
+  dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+  dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
+  participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+  retirementIncome: defaultValidator(),
+  otherIncome: defaultValidator(),
+  wages: defaultValidator(),
+  mandatoryPayments: defaultValidator(),
+  bankruptcyFlg: defaultValidator(),
+  shareholderFlg: defaultValidator(),
+  legalEntityName: defaultValidator(),
+  bankEmployeeCode: defaultValidator(),
+  partInBusiness: defaultValidator(),
+  regionRetail: defaultSelectValidator('Выберите регион'),
+  latinSurname: defaultValidator('Укажите фамилию'),
+};
+
+export const validatorObj = {
+  ...validatorRetailObj,
+  ...validatorCreditCardObj,
+  ...validatorConsentsObj,
+};

package/src/retail/validator/validators.ts

@@ -0,0 +1,77 @@
+import { isCyrillic } from '../../utils/isCyrilic';
+import { validator } from '../../validation/validator';
+import { type Address } from '../model/LeadFormState';
+
+const ERROR_MESSAGE = 'Некорректно заполненное поле';
+
+const ADDRESS_ERROR_MESSAGE = 'Укажите регион, город/населенный пункт, улицу, дом';
+
+const MIN_AGE = 23;
+const MAX_AGE = 75;
+const AGE_ERROR_MESSAGE = 'Допустимый возраст заёмщика - от 23 до 75 лет';
+
+const addressDaDataValidate = (address: Address) =>
+  Boolean(address.region && (address.city || address.locality) && address.house);
+
+export const addressDaDataValidator = () => validator(addressDaDataValidate)(ADDRESS_ERROR_MESSAGE);
+
+export const addressOrganizationValidator = () =>
+  validator((address: Address) =>
+    Boolean(address.fiasCode && (address.city || address.locality) && address.house),
+  )(ADDRESS_ERROR_MESSAGE);
+
+export const codeWordValidator = (errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length >= 3 && _.length <= 21 && isCyrillic(_))(
+    errorMsg ?? ERROR_MESSAGE,
+  );
+
+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,
+  );
+
+const limitedBirthdayValidate = (date?: Date) => {
+  const today = new Date();
+
+  const minDate = new Date(today.getFullYear() - MIN_AGE, today.getMonth(), today.getDate());
+  const maxDate = new Date(today.getFullYear() - MAX_AGE, today.getMonth(), today.getDate());
+
+  if (!date || date > minDate || date < maxDate) {
+    return false;
+  }
+
+  return true;
+};
+
+export const limitedBirthdayValidator = () => validator(limitedBirthdayValidate)(AGE_ERROR_MESSAGE);
+
+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) {
+    let checksum = 0;
+    for (let i = 0; i < 9; i++) {
+      checksum += parseInt(snl.charAt(i)) * (9 - i);
+    }
+    if (checksum > 101) {
+      checksum = checksum % 101;
+    }
+    if (checksum === 100 || checksum === 101) {
+      checksum = 0;
+    }
+
+    return checksum === parseInt(snl.slice(9));
+  }
+
+  return false;
+};
+
+export const snilsValidator = (errorMsg: string) => validator(snilsValidate)(errorMsg);