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

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 },
+              { name: 'phone', required: true },
+              { name: 'sufferedFrom', required: true },
+              { name: 'situationDescription', 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),
   };
 
   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?: string;
 }
 
 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/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,7 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const SufferedFromField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl label="Пострадал в" {...input} {...field('sufferedFrom')} />
+));

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

@@ -31,6 +31,8 @@ type NameFieldApplicationDef =
   | 'product'
   | 'localities'
   | 'partnerComments'
+  | 'sufferedFrom'
+  | 'situationDescription'
   | 'consentToReceiveMaterials'
   | 'consentDataProcessing';
 

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

@@ -31,6 +31,8 @@ import { RegionField } from './Fields/RegionField';
 import { RegionPremiumField } from './Fields/RegionPremiumField';
 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 +75,8 @@ const InputsMap = {
       <RegionField {...props} />
     ),
   consentToReceiveMaterials: ConsentToReceiveMaterialsField,
-
+  sufferedFrom: SufferedFromField,
+  situationDescription: SituationDescriptionField,
   surname: SurnameField,
   name: NameField,
   middleName: MiddleNameField,