@redneckz/wildless-cms-uni-blocks 0.14.584 → 0.14.586

package/src/ui-kit/FormField/Fields/EducationField.tsx

@@ -9,7 +9,7 @@ export const EducationField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={education || []}
+      source={education}
       label="Образование"
       fieldName="education"
       input={input}

package/src/ui-kit/FormField/Fields/EmployerActivitiesField.tsx

@@ -9,7 +9,7 @@ export const EmployerActivitiesField = JSX<CustomFieldProps>(({ field, input })
   return (
     <SelectField
       field={field}
-      source={employerActivities || []}
+      source={employerActivities}
       label="Вид деятельности организации-работодателя"
       fieldName="employerActivities"
       input={input}

package/src/ui-kit/FormField/Fields/EmployerOrganizationField.tsx

@@ -9,7 +9,7 @@ export const EmployerOrganizationField = JSX<CustomFieldProps>(({ field, input }
   return (
     <SelectField
       field={field}
-      source={employerOrganization || []}
+      source={employerOrganization}
       label="Вид организации работодателя"
       fieldName="employerOrganization"
       input={input}

package/src/ui-kit/FormField/Fields/EmploymentField.tsx

@@ -9,7 +9,7 @@ export const EmploymentField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={employment || []}
+      source={employment}
       label="Информация о трудоустройстве"
       fieldName="employment"
       input={input}

package/src/ui-kit/FormField/Fields/ExpensesField.tsx

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ExpensesField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные расходы в месяц"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('expenses'), validatorObj.expenses, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/FamilyMembersField.tsx

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество членов семьи"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/FamilyStatusField.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const FamilyStatusField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
+
+  return (
+    <SelectField
+      field={field}
+      source={familyStatus}
+      label="Семейное положение"
+      fieldName="familyStatus"
+      input={input}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/HousingField.tsx

@@ -9,7 +9,7 @@ export const HousingField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={housing || []}
+      source={housing}
       label="Тип жилья"
       fieldName="housing"
       input={input}

package/src/ui-kit/FormField/Fields/OrganizationField.tsx

@@ -9,7 +9,7 @@ export const OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <SelectField
       field={field}
-      source={organization || []}
+      source={organization}
       label="Тип организации"
       fieldName="organization"
       input={input}

package/src/ui-kit/FormField/Fields/PositionOrganizationField.tsx

@@ -9,7 +9,7 @@ export const PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }
   return (
     <SelectField
       field={field}
-      source={positionOrganization || []}
+      source={positionOrganization}
       label="Должность в организации"
       fieldName="positionOrganization"
       input={input}

package/src/ui-kit/FormField/Fields/RegionPremiumField.tsx

@@ -8,7 +8,7 @@ import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
 export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
-  const branchByRegions = useBranchesByRegions();
+  const branchByRegions = useBranchesByRegions(true);
   const regions = useMemo(
     () =>
       branchByRegions?.map(({ region }) => ({

package/src/ui-kit/FormField/Fields/SnilsField.tsx

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputSnilsControl } from '../../Input/InputSnilsControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const SnilsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputSnilsControl
+    label="СНИЛС"
+    {...getValidation(field('snils'), validatorObj.snils, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/TotalIncomeField.tsx

@@ -0,0 +1,15 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const TotalIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Совокупный официальный доход в месяц после вычета налогов (зарплата, премии)"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('totalIncome'), validatorObj.totalIncome, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/getField.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -8,24 +9,31 @@ import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
 import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
+import { ArmyIdFlgField } from './Fields/ArmyIdFlgField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
+import { ChildrenField } from './Fields/ChildrenField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
+import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentAssignmentField } from './Fields/ConsentAssignmentField';
 import { ConsentCollectionField } from './Fields/ConsentCollectionField';
 import { ConsentInformField } from './Fields/ConsentInformField';
 import { ConsentPhotoFlg } from './Fields/ConsentPhotoField';
 import { ConsentProviderField } from './Fields/ConsentProviderField';
 import { ConsentToReceiveMaterialsField } from './Fields/ConsentToReceiveMaterialsField';
+import { DependentsField } from './Fields/DependentsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { EducationField } from './Fields/EducationField';
 import { EmailField } from './Fields/EmailField';
 import { EmployerActivitiesField } from './Fields/EmployerActivitiesField';
 import { EmployerOrganizationField } from './Fields/EmployerOrganizationField';
 import { EmploymentField } from './Fields/EmploymentField';
+import { ExpensesField } from './Fields/ExpensesField';
 import { Experience5YearsField } from './Fields/Experience5YearsField';
+import { FamilyMembersField } from './Fields/FamilyMembersField';
+import { FamilyStatusField } from './Fields/FamilyStatusField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FullAddressField } from './Fields/FullAddressField';
 import { FullNameField } from './Fields/FullNameField';
@@ -52,8 +60,10 @@ import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
+import { SnilsField } from './Fields/SnilsField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
+import { TotalIncomeField } from './Fields/TotalIncomeField';
 import { UltraPremiumField } from './Fields/UltraPremiumField';
 import { VedField } from './Fields/VedField';
 import { isRenderField } from './isRenderField';
@@ -130,6 +140,15 @@ export const getField =
       employerActivities: <EmployerActivitiesField field={field} input={input} />,
       employerOrganization: <EmployerOrganizationField field={field} input={input} />,
       positionOrganization: <PositionOrganizationField field={field} input={input} />,
+      familyStatus: <FamilyStatusField field={field} input={input} />,
+      children: <ChildrenField field={field} input={input} />,
+      familyMembers: <FamilyMembersField field={field} input={input} />,
+      dependents: <DependentsField field={field} input={input} />,
+      totalIncome: <TotalIncomeField field={field} input={input} />,
+      expenses: <ExpensesField field={field} input={input} />,
+      snils: <SnilsField field={field} input={input} />,
+      conscription: <ConscriptionField field={field} input={input} />,
+      armyIdFlg: <ArmyIdFlgField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

package/src/ui-kit/FormField/getObjectValidator.tsx

@@ -6,8 +6,10 @@ import {
   defaultSelectValidator,
   defaultValidator,
   innValidator,
+  lengthStringValidator,
   nameValidator,
   phoneValidator,
+  snilsValidator,
 } from './validators';
 
 export const validatorObj: Record<string, Validator> = {
@@ -58,6 +60,15 @@ export const validatorObj: Record<string, Validator> = {
   consentAssignmentClaimsFlg: agreementValidator,
   consentCollectionFlg: agreementValidator,
   consentInformFlg: agreementValidator,
+  familyStatus: defaultValidator,
+  children: lengthStringValidator(2),
+  familyMembers: lengthStringValidator(2),
+  dependents: lengthStringValidator(2),
+  totalIncome: lengthStringValidator(19),
+  expenses: lengthStringValidator(10),
+  snils: snilsValidator,
+  conscription: defaultValidator,
+  armyIdFlg: agreementValidator,
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

package/src/ui-kit/FormField/validators.ts

@@ -10,6 +10,9 @@ export const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(
 
 export const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
 
+export const lengthStringValidator = (maxLength: number) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
+
 export const innValidator = validator(
   (_) => typeof _ === 'string' && (_.length === 10 || _.length === 12),
 )(ERROR_MESSAGE);
@@ -21,3 +24,25 @@ export const phoneValidator = pattern(
 export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)(
   'Согласие обязательно',
 );
+
+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.substr(9));
+  }
+
+  return false;
+};
+
+export const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);

package/src/ui-kit/Input/InputSnilsControl.tsx

@@ -0,0 +1,22 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { SnilsInput } from '../SnilsInput/SnilsInput';
+import { type InputProps } from './InputProps';
+import { renderErrorText } from './renderErrorText';
+
+export const InputSnilsControl = JSX<InputProps>(
+  ({ className, label, value, error, onChange, onBlur, ...rest }) => (
+    <div className={style('shrink-0 w-full', className)}>
+      <SnilsInput
+        aria-label={label}
+        label={rest?.errors ? `${label}*` : label}
+        valid={Boolean(!error)}
+        value={value}
+        onChange={onChange}
+        onBlur={onBlur}
+        placeholder="___-___-___ __"
+      />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

package/src/ui-kit/SnilsInput/SnilsInput.tsx

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { Input } from '../Input/Input';
+import { type InputProps } from '../Input/InputProps';
+import { normalizeSnils } from './normalizeSnils';
+
+export const SnilsInput = JSX<InputProps>(({ children, onChange, ...inputProps }) => {
+  const handleChange = useCallback(
+    (v: string) => onChange && onChange(normalizeSnils(v)),
+    [onChange],
+  );
+  const handleBlur = useCallback((v: string) => {
+    if (v === '___-___-___ __') {
+      onChange && onChange('');
+    }
+  }, []);
+
+  return (
+    <Input
+      {...inputProps}
+      onChange={handleChange}
+      onFocus={(ev) => handleChange((ev?.target as HTMLInputElement)?.value || '')}
+      onBlur={(ev) => handleBlur((ev?.target as HTMLInputElement)?.value || '')}
+    >
+      {children}
+    </Input>
+  );
+});

package/src/ui-kit/SnilsInput/normalizeSnils.ts

@@ -0,0 +1,29 @@
+const isPlaceholder = (_: string) => _ === '_';
+const isDigit = (_: string) => /\d/.test(_);
+const isWildcard = (_: string) => isPlaceholder(_) || isDigit(_);
+
+const snilsPattern = [...'___-___-___ __'];
+
+const firstPlaceholderIndex = snilsPattern.findIndex(isPlaceholder);
+const snilsWildcardIndicies = snilsPattern.map((_, i) =>
+  isWildcard(_) ? snilsPattern.slice(0, i).filter(isWildcard).length : -1,
+);
+
+export function normalizeSnils(snils: string): string {
+  const snilsNumbers = snils.replace(/\D/g, '');
+  const applyPlaceholder = (_: string, i: number) =>
+    isDigit(_) ? _ : snilsNumbers.charAt(snilsWildcardIndicies[i]) || _;
+
+  const result = snilsPattern.map(applyPlaceholder);
+  const resultLength = snilsWildcardIndicies.indexOf(snilsNumbers.length - 1) + 1;
+
+  const isCursorStart = snilsNumbers.length === 0;
+
+  if (!isCursorStart) {
+    return (
+      resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result
+    ).join('');
+  } else {
+    return '';
+  }
+}