@redneckz/wildless-cms-uni-blocks 0.14.757 → 0.14.758

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

@@ -8,6 +8,7 @@ import { AcquiringField } from './Fields/AcquiringField';
 import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
+import { ApplierTypeField } from './Fields/ApplierTypeField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
@@ -29,6 +30,7 @@ import { PosTerminalField } from './Fields/PosTerminalField';
 import { ProductField } from './Fields/ProductField';
 import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
+import { RepresentativeNameField } from './Fields/RepresentativeNameField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
 import { SituationDescriptionField } from './Fields/SituationDescriptionField';
@@ -77,6 +79,8 @@ const InputsMap = {
   consentToReceiveMaterials: ConsentToReceiveMaterialsField,
   sufferedFrom: SufferedFromField,
   situationDescription: SituationDescriptionField,
+  representativeName: RepresentativeNameField,
+  applierType: ApplierTypeField,
   surname: SurnameField,
   name: NameField,
   middleName: MiddleNameField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.757",
+  "version": "0.14.758",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationForm/ApplicationForm.example.json

@@ -1109,23 +1109,40 @@
               {
                 "name": "fullName",
                 "required": true,
-                "label": "ФИО клиента/представителя"
+                "label": "ФИО клиента"
               },
               {
                 "name": "birthday",
-                "required": true
+                "required": true,
+                "label": "Дата рождения клиента"
               },
               {
-                "name": "phone",
+                "name": "applierType",
                 "required": true
               },
+              {
+                "name": "representativeName"
+              },
               {
                 "name": "sufferedFrom",
                 "required": true
               },
+              {
+                "name": "region",
+                "required": true,
+                "label": "Регион обслуживания кредита"
+              },
               {
                 "name": "situationDescription",
                 "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "email",
+                "required": true
               }
             ]
           },

package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx

@@ -682,21 +682,21 @@ export default {
     <div className="container grid grid-cols-12">
       <ApplicationForm
         className="col-span-12"
-        title="Меры поддержки"
+        title="Меры поддержки жителей пострадавших населенных пунктов территорий Курской, Брянской и Белгородской областей"
         typeForm="SUPPORT"
         endpoint="lead"
         sections={[
           {
             inputs: [
-              {
-                name: 'fullName',
-                required: true,
-                label: 'ФИО клиента/представителя',
-              },
-              { name: 'birthday', required: true },
-              { name: 'phone', required: true },
+              { name: 'fullName', required: true, label: 'ФИО клиента' },
+              { name: 'birthday', required: true, label: 'Дата рождения клиента' },
+              { name: 'applierType', required: true },
+              { name: 'representativeName' },
               { name: 'sufferedFrom', required: true },
+              { name: 'regionBranch', required: true, label: 'Регион обслуживания кредита' },
               { name: 'situationDescription', required: true },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
             ],
           },
           { inputs: [{ name: 'consentDataProcessing', required: true }] },

package/src/components/ApplicationForm/ApplicationForm.fixture.tsx

@@ -677,21 +677,21 @@ export default {
     <div className="container grid grid-cols-12">
       <ApplicationForm
         className="col-span-12"
-        title="Меры поддержки"
+        title="Меры поддержки жителей пострадавших населенных пунктов территорий Курской, Брянской и Белгородской областей"
         typeForm="SUPPORT"
         endpoint="lead"
         sections={[
           {
             inputs: [
-              {
-                name: 'fullName',
-                required: true,
-                label: 'ФИО клиента/представителя',
-              },
-              { name: 'birthday', required: true },
-              { name: 'phone', required: true },
+              { name: 'fullName', required: true, label: 'ФИО клиента' },
+              { name: 'birthday', required: true, label: 'Дата рождения клиента' },
+              { name: 'applierType', required: true },
+              { name: 'representativeName' },
               { name: 'sufferedFrom', required: true },
+              { name: 'region', required: true, label: 'Регион обслуживания кредита' },
               { name: 'situationDescription', required: true },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
             ],
           },
           { inputs: [{ name: 'consentDataProcessing', required: true }] },

package/src/components/ApplicationForm/getFormatData.tsx

@@ -29,7 +29,7 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     ...(inn && { inn }),
     ...(partnerComments ? { partnerComments } : {}),
     ...(serviceType ? { typeForm: serviceType } : {}),
-    ...getIncidentComment(sufferedFrom, situationDescription),
+    ...getIncidentComment(sufferedFrom, situationDescription?.text),
   };
 
   return Object.fromEntries(

package/src/components/ApplicationForm/getInitialFormState.tsx

@@ -30,7 +30,7 @@ export interface FormState {
   consentDataProcessing?: boolean;
   addressRetail?: Option;
   sufferedFrom?: string;
-  situationDescription?: string;
+  situationDescription?: Option;
 }
 
 const initialFormState = {

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

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type Option } from '../../Select/Option';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const APPLIER_TYPES: Option[] = [
+  {
+    key: 'client',
+    text: 'Клиент',
+  },
+  {
+    key: 'representative',
+    text: 'Представитель клиента',
+  },
+];
+
+export const ApplierTypeField = JSX<CustomFieldProps>(({ field, input }) => (
+  <SelectControl
+    label="Тип обратившегося"
+    {...input}
+    options={APPLIER_TYPES}
+    {...field('applierType')}
+  />
+));

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

@@ -3,5 +3,5 @@ import { DatePickerControl } from '../../DatePicker/DatePickerControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
 export const BirthdayField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DatePickerControl label="Дата рождения" {...field(input?.name ?? '')} />
+  <DatePickerControl label={input?.label || 'Дата рождения'} {...field(input?.name ?? '')} />
 ));

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

@@ -11,7 +11,7 @@ export const RegionField = JSX<CustomFieldProps>(({ field, input, params }) => {
 
   return (
     <SelectControl
-      label="Филиал"
+      label={input?.label || 'Филиал'}
       placeholder="Выберите филиал"
       isSearch={true}
       options={useMemo(

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

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const RepresentativeNameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl label="ФИО представителя" {...input} {...field('representativeName')} />
+));

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

@@ -1,7 +1,32 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { InputControl } from '../../Input/InputControl';
+import { type Option } from '../../Select/Option';
+import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
+const SUFFERED_FROM_TYPES: Option[] = [
+  {
+    key: 'blg',
+    text: 'Белгородской области',
+  },
+  {
+    key: 'bshk',
+    text: 'Республике Башкортостан',
+  },
+  {
+    key: 'krsk',
+    text: 'Курской области',
+  },
+  {
+    key: 'chs',
+    text: 'От стихийного бедствия ЧС',
+  },
+];
+
 export const SufferedFromField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl label="Пострадал в" {...input} {...field('sufferedFrom')} />
+  <SelectControl
+    label="Пострадал в"
+    {...input}
+    options={SUFFERED_FROM_TYPES}
+    {...field('sufferedFrom')}
+  />
 ));

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

@@ -33,6 +33,9 @@ type NameFieldApplicationDef =
   | 'partnerComments'
   | 'sufferedFrom'
   | 'situationDescription'
+  | 'applierType'
+  | 'representativeName'
+  | 'regionBranch'
   | 'consentToReceiveMaterials'
   | 'consentDataProcessing';
 

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

@@ -8,6 +8,7 @@ import { AcquiringField } from './Fields/AcquiringField';
 import { AddressBranchField } from './Fields/AddressBranchField';
 import { AmountField } from './Fields/AmountField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
+import { ApplierTypeField } from './Fields/ApplierTypeField';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
@@ -29,6 +30,7 @@ import { PosTerminalField } from './Fields/PosTerminalField';
 import { ProductField } from './Fields/ProductField';
 import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
+import { RepresentativeNameField } from './Fields/RepresentativeNameField';
 import { SecondaryPhoneField } from './Fields/SecondaryPhoneField';
 import { ServiceDirectionField } from './Fields/ServiceDirectionField';
 import { SituationDescriptionField } from './Fields/SituationDescriptionField';
@@ -77,6 +79,8 @@ const InputsMap = {
   consentToReceiveMaterials: ConsentToReceiveMaterialsField,
   sufferedFrom: SufferedFromField,
   situationDescription: SituationDescriptionField,
+  representativeName: RepresentativeNameField,
+  applierType: ApplierTypeField,
   surname: SurnameField,
   name: NameField,
   middleName: MiddleNameField,