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

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

@@ -1093,5 +1093,78 @@
         }
       }
     }
+  ],
+  [
+    "Меры поддержки",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Меры поддержки",
+        "typeForm": "SUPPORT",
+        "endpoint": "lead",
+        "sections": [
+          {
+            "inputs": [
+              {
+                "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
+              }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
   ]
 ]

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

@@ -17,6 +17,8 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     vedTypes,
     region,
     inn,
+    sufferedFrom,
+    situationDescription,
     ...usedData
   } = data;
   const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
@@ -27,6 +29,7 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     ...(inn && { inn }),
     ...(partnerComments ? { partnerComments } : {}),
     ...(serviceType ? { typeForm: serviceType } : {}),
+    ...getIncidentComment(sufferedFrom, situationDescription?.text),
   };
 
   return Object.fromEntries(
@@ -34,6 +37,11 @@ export const getFormatData = (data: FormState): Record<string, any> => {
   );
 };
 
+const getIncidentComment = (sufferedFrom?: string, situationDescription?: string) =>
+  sufferedFrom || situationDescription
+    ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
+    : {};
+
 const getRegion = (region?: Option): Record<string, string> =>
   region?.key || region?.text ? { region: region?.text || region?.key } : {};
 

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

@@ -29,6 +29,8 @@ export interface FormState {
   annualRevenue?: string;
   consentDataProcessing?: boolean;
   addressRetail?: Option;
+  sufferedFrom?: string;
+  situationDescription?: Option;
 }
 
 const initialFormState = {

package/mobile/src/model/FormTypeFieldDef.ts

@@ -18,4 +18,5 @@ export type FormTypeFieldDef =
   | 'FEEDBACK'
   | 'FEEDBACK_QS'
   | 'OUTSERVICE'
-  | 'RFB';
+  | 'RFB'
+  | 'SUPPORT';

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/src/ui-kit/FormField/Fields/SituationDescriptionField.tsx

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const SituationDescriptionField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl label="Описание ситуации" {...input} {...field('situationDescription')} />
+));

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+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 }) => (
+  <SelectControl
+    label="Пострадал в"
+    {...input}
+    options={SUFFERED_FROM_TYPES}
+    {...field('sufferedFrom')}
+  />
+));

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

@@ -31,6 +31,11 @@ type NameFieldApplicationDef =
   | 'product'
   | 'localities'
   | 'partnerComments'
+  | 'sufferedFrom'
+  | 'situationDescription'
+  | 'applierType'
+  | 'representativeName'
+  | 'regionBranch'
   | 'consentToReceiveMaterials'
   | 'consentDataProcessing';
 

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,8 +30,11 @@ 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';
+import { SufferedFromField } from './Fields/SufferedFromField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
 import { UltraPremiumField } from './Fields/UltraPremiumField';
@@ -73,7 +77,10 @@ const InputsMap = {
       <RegionField {...props} />
     ),
   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.756",
+  "version": "0.14.758",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

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

@@ -1093,5 +1093,78 @@
         }
       }
     }
+  ],
+  [
+    "Меры поддержки",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Меры поддержки",
+        "typeForm": "SUPPORT",
+        "endpoint": "lead",
+        "sections": [
+          {
+            "inputs": [
+              {
+                "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
+              }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
   ]
 ]

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

@@ -652,4 +652,60 @@ export default {
       <DialogManager />
     </div>
   ),
+  receiptForBusiness: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заявка по акции 'Рецепт для бизнеса'"
+        typeForm="RFB"
+        endpoint="sendcorporatelead"
+        sections={[
+          {
+            inputs: [{ name: 'name', required: true }],
+          },
+          {
+            columns: 2,
+            inputs: [
+              { name: 'phone', required: true },
+              { name: 'inn', required: true },
+            ],
+          },
+        ]}
+        button={button}
+        link={linkCorp}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
+  support: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Меры поддержки жителей пострадавших населенных пунктов территорий Курской, Брянской и Белгородской областей"
+        typeForm="SUPPORT"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { 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 }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
 };

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

@@ -673,4 +673,34 @@ export default {
       <DialogManager />
     </div>
   ),
+  support: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Меры поддержки жителей пострадавших населенных пунктов территорий Курской, Брянской и Белгородской областей"
+        typeForm="SUPPORT"
+        endpoint="lead"
+        sections={[
+          {
+            inputs: [
+              { 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 }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
 };

package/src/components/ApplicationForm/getFormatData.tsx

@@ -17,6 +17,8 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     vedTypes,
     region,
     inn,
+    sufferedFrom,
+    situationDescription,
     ...usedData
   } = data;
   const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
@@ -27,6 +29,7 @@ export const getFormatData = (data: FormState): Record<string, any> => {
     ...(inn && { inn }),
     ...(partnerComments ? { partnerComments } : {}),
     ...(serviceType ? { typeForm: serviceType } : {}),
+    ...getIncidentComment(sufferedFrom, situationDescription?.text),
   };
 
   return Object.fromEntries(
@@ -34,6 +37,11 @@ export const getFormatData = (data: FormState): Record<string, any> => {
   );
 };
 
+const getIncidentComment = (sufferedFrom?: string, situationDescription?: string) =>
+  sufferedFrom || situationDescription
+    ? { comment: `${sufferedFrom || ''};${situationDescription || ''}` }
+    : {};
+
 const getRegion = (region?: Option): Record<string, string> =>
   region?.key || region?.text ? { region: region?.text || region?.key } : {};
 

package/src/components/ApplicationForm/getInitialFormState.tsx

@@ -29,6 +29,8 @@ export interface FormState {
   annualRevenue?: string;
   consentDataProcessing?: boolean;
   addressRetail?: Option;
+  sufferedFrom?: string;
+  situationDescription?: Option;
 }
 
 const initialFormState = {

package/src/model/FormTypeFieldDef.ts

@@ -18,4 +18,5 @@ export type FormTypeFieldDef =
   | 'FEEDBACK'
   | 'FEEDBACK_QS'
   | 'OUTSERVICE'
-  | 'RFB';
+  | 'RFB'
+  | 'SUPPORT';

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/SituationDescriptionField.tsx

@@ -0,0 +1,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const SituationDescriptionField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl label="Описание ситуации" {...input} {...field('situationDescription')} />
+));

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+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 }) => (
+  <SelectControl
+    label="Пострадал в"
+    {...input}
+    options={SUFFERED_FROM_TYPES}
+    {...field('sufferedFrom')}
+  />
+));

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

@@ -31,6 +31,11 @@ type NameFieldApplicationDef =
   | 'product'
   | 'localities'
   | '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,8 +30,11 @@ 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';
+import { SufferedFromField } from './Fields/SufferedFromField';
 import { SurnameField } from './Fields/SurnameField';
 import { TermField } from './Fields/TermField';
 import { UltraPremiumField } from './Fields/UltraPremiumField';
@@ -73,7 +77,10 @@ const InputsMap = {
       <RegionField {...props} />
     ),
   consentToReceiveMaterials: ConsentToReceiveMaterialsField,
-
+  sufferedFrom: SufferedFromField,
+  situationDescription: SituationDescriptionField,
+  representativeName: RepresentativeNameField,
+  applierType: ApplierTypeField,
   surname: SurnameField,
   name: NameField,
   middleName: MiddleNameField,