@redneckz/wildless-cms-uni-blocks 0.14.766 → 0.14.768

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

@@ -1,13 +1,27 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { updateOrganizationFields } from '../updateOrganizationFields';
 
-export const InnField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="ИНН"
-    isInteger={true}
-    maxLength={12}
-    {...input}
-    {...field(input?.name ?? '')}
-  />
-));
+export const InnField = JSX<CustomFieldProps>(({ field, input }) => {
+  const store = useRetailFormStore();
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
+    updateOrganizationFields(store, field, item);
+  }, []);
+
+  return (
+    <InputControl
+      label="ИНН"
+      isInteger={true}
+      maxLength={12}
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Количество мест работы за последние 5 лет"
+    placeholder="Количество мест"
+    isInteger={true}
+    maxLength={2}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Стаж на последнем рабочем месте"
+    placeholder="Количество лет"
+    type="number"
+    maxLength={2}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const LegalEntityNameField = JSX<CustomFieldProps>(({ field, input }) => {
+  return (
+    <InputControl
+      label="Наименование юридического лица"
+      {...input}
+      {...field(input?.name ?? '')}
+      disabled={!field?.('shareholderFlg')?.value}
+    />
+  );
+});

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const LegalFormField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="ОПФ"
+    placeholder="ООО, ПАО  и др."
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+export const LimitedBirthdayField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl
+    label="Дата рождения"
+    {...field(input?.name ?? '')}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+  />
+));

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import type { CustomFieldProps } from '../CustomFieldProps';
+
+export const MandatoryPaymentsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Обязательные выплаты"
+    placeholder="Введите значение"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const METHODS_OF_OBTAIN: RadioButtonItem[] = [
+  { id: 'office', text: 'В отделении Банка' },
+  { id: 'courier', text: 'Курьерская доставка' },
+];
+
+export const MethodObtainField = JSX<CustomFieldProps>(({ field, input }) => (
+  <RadioButtonGroupControl
+    orientation="horizontal"
+    items={METHODS_OF_OBTAIN}
+    {...field(input?.name ?? '')}
+  />
+));

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

@@ -1,11 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Отчество (Обязательно, при наличии)"
     maxLength={60}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input?.name ?? '')}
     {...field(input?.name ?? '')}
     {...input}
   />

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

@@ -1,7 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const NameField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl label="Имя" maxLength={60} {...field(input?.name ?? '')} {...input} />
+  <InputControl
+    label="Имя"
+    maxLength={60}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
 ));

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { SelectField } from '../SelectField';
+
+export const OrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data } = useLeadFormData('ORGANIZATION_TYPE');
+
+  const store = useRetailFormStore();
+
+  useEffect(() => {
+    if (data) {
+      store.organization = data;
+    }
+  }, [data]);
+
+  return (
+    <SelectField
+      field={field}
+      source={store.organization ?? []}
+      label="Тип организации"
+      fieldName="organization"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,25 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { updateOrganizationFields } from '../updateOrganizationFields';
+
+export const OrganizationNameField = JSX<CustomFieldProps>(({ field, input }) => {
+  const store = useRetailFormStore();
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.('inn')?.onChange?.(item.data?.inn);
+    updateOrganizationFields(store, field, item);
+  }, []);
+
+  return (
+    <InputControl
+      label="Наименование организации"
+      {...input}
+      {...field(input?.name ?? '')}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import type { CustomFieldProps } from '../CustomFieldProps';
+
+export const OtherIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Иные доходы"
+    placeholder="Введите значение"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { clamp } from '../../../utils/clamp';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const MAX_PART = 100;
+const MIN_PART = 0;
+
+export const PartInBusinessField = JSX<CustomFieldProps>(({ field, input }) => {
+  const onChange = useCallback(
+    (value: string) =>
+      field(input?.name ?? '')?.onChange?.(String(clamp(Number(value), MIN_PART, MAX_PART))),
+    [],
+  );
+
+  return (
+    <InputControl
+      label="Доля участия в бизнесе"
+      placeholder="в %"
+      isInteger={true}
+      maxLength={3}
+      {...field(input?.name ?? '')}
+      {...input}
+      onChange={onChange}
+    />
+  );
+});

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { DatePickerControl } from '../../DatePicker/DatePickerControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const ParticipantDateRegistrationField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DatePickerControl label="Дата регистрации по месту жительства" {...field(input?.name ?? '')} />
+));

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

@@ -0,0 +1,40 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
+import { getPaymentSystems } from '../../../api/RetailAPI/getPaymentSystems';
+import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
+import { type Option } from '../../Select/Option';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const optionKey = (option: { key?: string } | undefined) => option?.key;
+
+export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [paymentSystemOptions, setPaymentSystemOptions] = useState<Option[]>([]);
+
+  const localStore = useLocalStore<{ programId: string }>();
+  useAsyncEffect(async () => {
+    const { programId } = localStore;
+    if (programId) {
+      const fetchedPaymentSystems = await getPaymentSystems(programId);
+      setPaymentSystemOptions(fetchedPaymentSystems ?? []);
+    }
+  }, []);
+
+  const items = useMemo(
+    () => paymentSystemOptions?.map((_) => ({ id: _.key, text: _.text })) ?? [],
+    [paymentSystemOptions],
+  );
+
+  return (
+    <RadioButtonGroupControl
+      label="Платежная система"
+      orientation="horizontal"
+      items={items}
+      {...field(input?.name ?? '', {
+        format: optionKey,
+        parse: (key?: string) => paymentSystemOptions?.find((_) => _.key === key),
+      })}
+    />
+  );
+});

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

@@ -1,9 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputPhoneControl } from '../../Input/InputPhoneControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const PhoneField = JSX<CustomFieldProps>(({ field, input }) => {
   const fieldName = input?.name || 'phone';
 
-  return <InputPhoneControl label="Телефон" {...field(fieldName)} {...input} />;
+  return (
+    <InputPhoneControl
+      label="Телефон"
+      {...field(fieldName)}
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, fieldName)}
+      {...input}
+    />
+  );
 });

package/src/ui-kit/FormField/Fields/PositionOrganizationField.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 PositionOrganizationField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: positionOrganization } = useLeadFormData('POSITION');
+
+  return (
+    <SelectField
+      field={field}
+      source={positionOrganization}
+      label="Должность в организации"
+      fieldName="positionOrganization"
+      input={input}
+    />
+  );
+});

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLeadFormData } from '../../../hooks/useLeadFormData';
+import { type Option } from '../../Select/Option';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { data: regions } = useLeadFormData('REGION_RF');
+  const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
+
+  return (
+    <SelectControl
+      label="Регион"
+      placeholder="Выберите регион"
+      isSearch={true}
+      options={formatRegions as Option[]}
+      {...field(input?.name ?? '')}
+    />
+  );
+});

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

@@ -0,0 +1,13 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import type { CustomFieldProps } from '../CustomFieldProps';
+
+export const RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Пенсионные доходы"
+    placeholder="Введите значение"
+    isInteger={true}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

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

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { getGenderFromName } from '../../../api/RetailAPI/getGenderFromName';
+import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const SEX_TYPES: RadioButtonItem[] = [
+  { id: 'male', text: 'Мужской' },
+  { id: 'female', text: 'Женский' },
+];
+
+export const SexField = JSX<CustomFieldProps>(({ field, input }) => {
+  const name = field('name')?.value;
+  const { value: selectedSex, onChange: changeSex } = field('sex');
+
+  useEffect(() => {
+    if (name && !selectedSex) {
+      (async () => {
+        const gender = await getGenderFromName(name as string);
+        if (gender) {
+          changeSex?.(gender);
+        }
+      })();
+    }
+  }, []);
+
+  return (
+    <RadioButtonGroupControl
+      label="Пол"
+      orientation="horizontal"
+      items={SEX_TYPES}
+      {...field(input?.name ?? '')}
+    />
+  );
+});

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

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

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputSnilsControl } from '../../Input/InputSnilsControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const SnilsField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputSnilsControl label="СНИЛС" maxLength={14} {...field(input?.name ?? '')} {...input} />
+));

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

@@ -1,7 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
+
+const FIELD_NAME = 'surname';
 
 export const SurnameField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl label="Фамилия" maxLength={60} {...field(input?.name ?? '')} {...input} />
+  <InputControl
+    label="Фамилия"
+    maxLength={60}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
 ));

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { type DictionaryItem } from '../../services/retail/model/LeadFormData';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type Option } from '../Select/Option';
+import { SelectControl } from '../Select/SelectControl';
+import { type CustomFieldProps } from './CustomFieldProps';
+
+export interface SelectFieldProps extends CustomFieldProps, UniBlockProps {
+  source?: DictionaryItem[];
+  label: string;
+  fieldName: string;
+  placeholder?: string;
+  isSearch?: boolean;
+  disabled?: boolean;
+}
+
+export const SelectField = UniBlock<SelectFieldProps>(
+  ({
+    field,
+    source,
+    fieldName,
+    placeholder = 'Выберите из списка',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    options,
+    ...rest
+  }) => {
+    const leadOptions: Option[] =
+      source?.map((_: DictionaryItem) => ({
+        key: _.key || '',
+        text: _.value,
+      })) || [];
+
+    return (
+      <SelectControl
+        placeholder={placeholder}
+        options={leadOptions}
+        {...field(fieldName)}
+        {...rest}
+      />
+    );
+  },
+);

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

@@ -13,6 +13,7 @@ import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
+import { ConsentToReceiveMaterialsField } from './Fields/consentToReceiveMaterialsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { EmailField } from './Fields/EmailField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
@@ -38,7 +39,6 @@ import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
 import { UltraPremiumField } from './Fields/UltraPremiumField';
 import { VedField } from './Fields/VedField';
-import { ConsentToReceiveMaterialsField } from './Fields/СonsentToReceiveMaterialsField';
 import { getPremium } from './getPremium';
 import { shouldRenderField } from './shouldRenderField';