@redneckz/wildless-cms-uni-blocks 0.14.602 → 0.14.604

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

@@ -0,0 +1,22 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+const LABEL_TEXT =
+  // eslint-disable-next-line max-len
+  'Имеет ли юридическое лицо, акционером / участником / членом / пайщиком / вкладчиком с долей участия более 20% уставного капитала руководителем, которого Вы являетесь, кредит в АО «Россельзбанк»';
+
+export const CreditInRshbCdField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: creditInRshbCd } = useLeadFormData('creditInRshbCd');
+
+  return (
+    <SelectField
+      field={field}
+      source={creditInRshbCd}
+      label={LABEL_TEXT}
+      fieldName="creditInRshbCd"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const DisablePeopleFlgField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Являюсь инвалидом"
+    {...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg)}
+  />
+));

package/src/ui-kit/FormField/Fields/LegalEntityNameField.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 LegalEntityNameField = JSX<CustomFieldProps>(({ field, input }) => {
+  return (
+    <InputControl
+      label="Наименование юридического лица"
+      {...input}
+      {...getValidation(field('legalEntityName'), validatorObj.legalEntityName, input?.required)}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/MandatoryIncome.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 MandatoryIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Совокупный доход в месяц после вычета налогов (зарплата, премии)"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('mandatoryIncome'), validatorObj.mandatoryIncome, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/OtherIncomeField.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 OtherIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Иные доходы"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('otherIncome'), validatorObj.otherIncome, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/OtherPayments.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 OtherPaymentsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные выплаты"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('otherPayments'), validatorObj.otherPayments, input?.required)}
+    {...input}
+  />
+));

package/src/ui-kit/FormField/Fields/RetirementIncomeField.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 RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Пенсионные доходы"
+    placeholder="Введите значение"
+    type="number"
+    {...getValidation(field('retirementIncome'), validatorObj.retirementIncome, input?.required)}
+    {...input}
+  />
+));

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const ShareholderFlgField = JSX<CustomFieldProps>(({ field }) => (
+  <CheckboxWithError
+    text="Я являюсь акционером / участником / членом / пайщиком / вкладчиком с долей участия более 20% уставного капитала юридического лица"
+    {...getValidation(field('shareholderFlg'), validatorObj.shareholderFlg)}
+  />
+));

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

@@ -73,4 +73,14 @@ export type NameFieldDef =
   | 'conscription'
   | 'armyIdFlg'
   | 'participantAddress'
-  | 'participantDateRegistration';
+  | 'participantDateRegistration'
+  | 'retirementIncome'
+  | 'otherIncome'
+  | 'mandatoryIncome'
+  | 'otherPayments'
+  | 'creditInRshbCd'
+  | 'disablePeopleFlg'
+  | 'bankruptcyFlg'
+  | 'shareholderFlg'
+  | 'legalEntityName'
+  | 'bankEmployeeCode';

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,7 +9,9 @@ import { AmountField } from './Fields/AmountField';
 import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
 import { ArmyIdFlgField } from './Fields/ArmyIdFlgField';
+import { BankEmpoleeCodeField } from './Fields/BankEmployeeCodeField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
+import { BankruptcyFlgField } from './Fields/BankruptcyFlgField';
 import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { BirthPlaceField } from './Fields/BirthPlaceField';
@@ -17,8 +20,10 @@ import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
 import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentField } from './Fields/ConsentField';
+import { CreditInRshbCdField } from './Fields/CreditInRshbCdField';
 import { DependentsField } from './Fields/DependentsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
+import { DisablePeopleFlgField } from './Fields/DisablePeopleFlgField';
 import { DulIssueDateField } from './Fields/DulIssueDateField';
 import { DulIssuedByField } from './Fields/DulIssuedByField';
 import { DulNumberField } from './Fields/DulNumberField';
@@ -42,13 +47,17 @@ import { InnField } from './Fields/InnField';
 import { IsClientField } from './Fields/IsClientField';
 import { JobsNumberField } from './Fields/JobsNumberField';
 import { LastJobExperienceField } from './Fields/LastJobExperienceField';
+import { LegalEntityNameField } from './Fields/LegalEntityNameField';
 import { LegalFormField } from './Fields/LegalFormField';
 import { LocalitiesField } from './Fields/LocalitiesField';
+import { MandatoryIncomeField } from './Fields/MandatoryIncome';
 import { MiddleNameField } from './Fields/MiddleNameField';
 import { NameField } from './Fields/NameField';
 import { OnlineCheckoutField } from './Fields/OnlineCheckoutField';
 import { OrganizationField } from './Fields/OrganizationField';
 import { OrganizationNameField } from './Fields/OrganizationNameField';
+import { OtherIncomeField } from './Fields/OtherIncomeField';
+import { OtherPaymentsField } from './Fields/OtherPayments';
 import { ParticipantAddressField } from './Fields/ParticipantAddressField';
 import { ParticipantDateRegistrationField } from './Fields/ParticipantDateRegistrationField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
@@ -58,9 +67,11 @@ import { PosTerminalField } from './Fields/PosTerminalField';
 import { ProductField } from './Fields/ProductField';
 import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
+import { RetirementIncomeField } from './Fields/RetirementIncomeField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
 import { SexField } from './Fields/SexField';
+import { ShareholderFlgField } from './Fields/ShareholderFlgField';
 import { SnilsField } from './Fields/SnilsField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
@@ -159,6 +170,16 @@ export const getField =
       dulIssuedBy: <DulIssuedByField field={field} input={input} />,
       participantAddress: <ParticipantAddressField field={field} input={input} />,
       participantDateRegistration: <ParticipantDateRegistrationField field={field} input={input} />,
+      retirementIncome: <RetirementIncomeField field={field} input={input} />,
+      otherIncome: <OtherIncomeField field={field} input={input} />,
+      mandatoryIncome: <MandatoryIncomeField field={field} input={input} />,
+      otherPayments: <OtherPaymentsField field={field} input={input} />,
+      disablePeopleFlg: <DisablePeopleFlgField field={field} input={input} />,
+      bankruptcyFlg: <BankruptcyFlgField field={field} input={input} />,
+      shareholderFlg: <ShareholderFlgField field={field} input={input} />,
+      legalEntityName: <LegalEntityNameField field={field} input={input} />,
+      creditInRshbCd: <CreditInRshbCdField field={field} input={input} />,
+      bankEmployeeCode: <BankEmpoleeCodeField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

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

@@ -82,6 +82,15 @@ export const validatorObj: Record<string, Validator> = {
   sex: defaultValidator('Укажите свой пол'),
   participantAddress: defaultValidator('Необходимо выбрать адрес'),
   participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+  retirementIncome: defaultValidator(),
+  otherIncome: defaultValidator(),
+  mandatoryIncome: defaultValidator(),
+  otherPayments: defaultValidator(),
+  disablePeopleFlg: defaultValidator(),
+  bankruptcyFlg: defaultValidator(),
+  shareholderFlg: defaultValidator(),
+  legalEntityName: defaultValidator(),
+  bankEmployeeCode: defaultValidator(),
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

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

@@ -55,7 +55,7 @@ const snilsValidate = (snils: string) => {
 
 export const snilsValidator = (errorMsg: string) => validator(snilsValidate)(errorMsg);
 
-const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2}$/.test(email);
+const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test(email);
 
 export const emailValidator = (errorMsg: string) =>
   validator((_: string) => emailValidate(_))(errorMsg);

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

@@ -11,7 +11,7 @@ interface InfoCardProps {
 }
 
 export const InfoCard = JSX<InfoCardProps>(({ __html, icon, iconVersion = 'black' }) => (
-  <div className="flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m justify-evenly p-m">
+  <div className="flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m">
     <div className="rounded-full bg-white p-xs">
       <Icon name={icon} width="24" height="24" iconVersion={iconVersion} />
     </div>

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

@@ -4,16 +4,19 @@ import { JSX } from '@redneckz/uni-jsx';
 interface ProgressBarProps {
   step?: number;
   description?: string;
+  showPercentage?: boolean;
 }
 
-export const ProgressBar = JSX<ProgressBarProps>(({ step = 10, description }) => (
-  <div>
-    <div className="h-4 w-full bg-gray relative">
-      <div className="h-4 bg-green" style={{ width: `${step}%` }} />
+export const ProgressBar = JSX<ProgressBarProps>(
+  ({ step = 10, description, showPercentage = true }) => (
+    <div>
+      <div className="h-4 w-full bg-gray relative">
+        <div className="h-4 bg-green" style={{ width: `${step}%` }} />
+      </div>
+      <div className="relative">
+        {showPercentage ? <div className="absolute left-2/4 text-green">{step}%</div> : null}
+        {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
+      </div>
     </div>
-    <div className="relative">
-      <div className="absolute left-2/4 text-green">{step}%</div>
-      {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
-    </div>
-  </div>
-));
+  ),
+);