@redneckz/wildless-cms-uni-blocks 0.14.988 → 0.14.990

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

@@ -1590,5 +1590,197 @@
         }
       }
     }
+  ],
+  [
+    "Форма практики",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Подать заявку на прохождение практики",
+        "typeForm": "PRACTICE",
+        "endpoint": "practice",
+        "sections": [
+          { "title": "О себе", "inputs": [] },
+          {
+            "inputs": [
+              {
+                "name": "fullname",
+                "required": true
+              }
+            ]
+          },
+          {
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "birthday",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "email",
+                "required": true
+              },
+              {
+                "name": "cityOfResidence",
+                "required": true
+              },
+              {
+                "name": "internshipStartDate",
+                "required": true
+              },
+              {
+                "name": "internshipEndDate",
+                "required": true
+              }
+            ]
+          },
+          {
+            "title": "Образование и опыт",
+            "columns": 2,
+            "inputs": [
+              { "name": "university", "required": true },
+              { "name": "fieldOfStudy", "required": true },
+              { "name": "courseYear", "required": true },
+              { "name": "graduationYear", "required": true },
+              { "name": "averageGrade", "required": true },
+              { "name": "educationLevel", "required": true }
+            ]
+          },
+          {
+            "inputs": [
+              {
+                "name": "skillsAndKnowledge",
+                "placeholder": "Навыки и знания. Что умеете делать?",
+                "required": true
+              }
+            ]
+          },
+          {
+            "inputs": [
+              {
+                "name": "fileUpload",
+                "label": "Прикрепите ваше резюме",
+                "extensions": ["pdf", "doc", "docx", "pptx"],
+                "maxSizeMB": 10
+              },
+              { "name": "fileId" }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
+  ],
+  [
+    "Форма стажировки",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Подать заявку на прохождение стажировки",
+        "typeForm": "INTERN",
+        "endpoint": "internship",
+        "sections": [
+          {
+            "title": "О себе",
+            "inputs": []
+          },
+          { "inputs": [{ "name": "fullName", "required": true }] },
+          {
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "birthday",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "email",
+                "required": true
+              },
+              {
+                "name": "cityOfResidence",
+                "required": true
+              },
+              {
+                "name": "internshipDirection",
+                "required": true
+              },
+              {
+                "name": "workingHours",
+                "required": true
+              }
+            ]
+          },
+          {
+            "title": "Образование и опыт",
+            "columns": 2,
+            "inputs": [
+              { "name": "university", "required": true },
+              { "name": "fieldOfStudy", "required": true },
+              { "name": "courseYear", "required": true },
+              { "name": "graduationYear", "required": true },
+              { "name": "averageGrade", "required": true },
+              { "name": "educationLevel", "required": true }
+            ]
+          },
+          {
+            "inputs": [
+              {
+                "name": "skillsAndKnowledge",
+                "placeholder": "Навыки и знания. Что умеете делать?",
+                "required": true
+              },
+              {
+                "name": "workExperience",
+                "placeholder": "Опыт работы или стажировки",
+                "required": true
+              },
+              {
+                "name": "motivationForInternship",
+                "placeholder": "Почему хотите пойти на стажировку?",
+                "required": true
+              }
+            ]
+          },
+          {
+            "inputs": [
+              {
+                "name": "fileUpload",
+                "label": "Прикрепите ваше резюме",
+                "extensions": ["pdf", "doc", "docx", "pptx"],
+                "maxSizeMB": 10
+              },
+              { "name": "fileId" }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
   ]
 ]

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

@@ -969,6 +969,138 @@ export default {
       <DialogManager />
     </div>
   ),
+  practice: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заявка на прохождение практики"
+        endpoint="practice"
+        sections={[
+          { title: 'О себе', inputs: [] },
+          { inputs: [{ name: 'fullName', required: true }] },
+          {
+            columns: 2,
+            inputs: [
+              { name: 'birthday', required: true },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
+              { name: 'cityOfResidence', required: true },
+              { name: 'internshipStartDate', required: true },
+              { name: 'internshipEndDate', required: true },
+            ],
+          },
+          {
+            title: 'Образование и опыт',
+            columns: 2,
+            inputs: [
+              { name: 'university', required: true },
+              { name: 'fieldOfStudy', required: true },
+              { name: 'courseYear', required: true },
+              { name: 'graduationYear', required: true },
+              { name: 'averageGrade', required: true },
+              { name: 'educationLevel', required: true },
+            ],
+          },
+          {
+            inputs: [
+              {
+                name: 'skillsAndKnowledge',
+                placeholder: 'Навыки и знания. Что умеете делать?',
+                required: true,
+              },
+            ],
+          },
+          {
+            inputs: [
+              {
+                name: 'fileUpload',
+                label: 'Прикрепите ваше резюме',
+                extensions: ['pdf', 'doc', 'docx', 'pptx'],
+                maxSizeMB: 10,
+              },
+              { name: 'fileId' },
+            ],
+          },
+          { inputs: [{ name: 'consentDataProcessing', required: true }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
+  intern: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm
+        className="col-span-12"
+        title="Заявка на прохождение стажировки"
+        endpoint="internship"
+        sections={[
+          { title: 'О себе', inputs: [] },
+          { inputs: [{ name: 'fullName', required: true }] },
+          {
+            columns: 2,
+            inputs: [
+              { name: 'birthday', required: true },
+              { name: 'phone', required: true },
+              { name: 'email', required: true },
+              { name: 'cityOfResidence', required: true },
+              { name: 'internshipDirection', required: true },
+              { name: 'workingHours', required: true },
+            ],
+          },
+          {
+            title: 'Образование и опыт',
+            columns: 2,
+            inputs: [
+              { name: 'university', required: true },
+              { name: 'fieldOfStudy', required: true },
+              { name: 'courseYear', required: true },
+              { name: 'graduationYear', required: true },
+              { name: 'averageGrade', required: true },
+              { name: 'educationLevel', required: true },
+            ],
+          },
+          {
+            inputs: [
+              {
+                name: 'skillsAndKnowledge',
+                placeholder: 'Навыки и знания. Что умеете делать?',
+                required: true,
+              },
+              {
+                name: 'workExperience',
+                placeholder: 'Опыт работы или стажировки',
+                required: true,
+              },
+              {
+                name: 'motivationForInternship',
+                placeholder: 'Почему хотите пойти на стажировку?',
+                required: true,
+              },
+            ],
+          },
+          {
+            inputs: [
+              {
+                name: 'fileUpload',
+                label: 'Прикрепите ваше резюме',
+                extensions: ['pdf', 'doc', 'docx', 'pptx'],
+                maxSizeMB: 10,
+              },
+              { name: 'fileId' },
+            ],
+          },
+          { inputs: [{ name: 'consentDataProcessing', required: true }] },
+        ]}
+        button={button}
+        link={link}
+      />
+      <PopupManager />
+      <DialogManager />
+    </div>
+  ),
   withSnowplow: (
     <div className="container grid grid-cols-12">
       <ApplicationForm

package/src/components/ApplicationForm/ApplicationForm.tsx

@@ -11,7 +11,11 @@ import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseType
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
-import { type ApplicationFormContent, type FieldDef } from './ApplicationFormContent';
+import {
+  type ApplicationFormContent,
+  type EndpointType,
+  type FieldDef,
+} from './ApplicationFormContent';
 import { getFormatData } from './getFormatData';
 import { getInitialFormState, type FormState } from './getInitialFormState';
 import {
@@ -72,19 +76,21 @@ export const ApplicationForm = UniBlock<ApplicationFormProps>(
       async (formData: FormState, ev: PreventableEventWithTarget) => {
         const formatData = getFormatData({ ...formData, ...additionalParams });
 
-        await executeHandler(endpoint ?? 'default', {
-          formatData,
-          ev,
-          typeForm,
-          data,
-          aspects,
-          router,
-          responseTypeDialog,
-          verifyPhoneDialog,
-          onSuccess,
+        await executeHandler(
+          {
+            formatData,
+            ev,
+            typeForm,
+            data,
+            aspects,
+            router,
+            responseTypeDialog,
+            verifyPhoneDialog,
+            onSuccess,
+            withSnowplow,
+          },
           endpoint,
-          withSnowplow,
-        });
+        );
       },
       [typeForm],
     );
@@ -118,7 +124,7 @@ export const ApplicationForm = UniBlock<ApplicationFormProps>(
   },
 );
 
-const executeHandler = async (endpoint: string, context: HandlerProps): Promise<void> => {
-  const handler = handlerMap[endpoint] || handlerMap.default;
-  await handler(context);
+const executeHandler = async (context: HandlerProps, endpoint?: EndpointType): Promise<void> => {
+  const handler = (endpoint && handlerMap[endpoint]) || handlerMap.default;
+  await handler({ ...context, endpoint });
 };

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -32,18 +32,32 @@ export type FilledByEsiaProps = {
   filledByEsia?: boolean;
 };
 
+/** @hidden */
+export type FileProps = {
+  maxSize?: number;
+  extensions?: string[];
+};
+
 export type FieldDef = Required &
   LabelProps &
   ConditionFieldProps &
   FilledByEsiaProps &
-  PlaceholderProps & {
+  PlaceholderProps &
+  FileProps & {
     name?: NameFieldDef;
     dadata?: boolean;
     defaultValue?: string;
+    customName?: string;
   };
 
 /** @hidden */
-export type EndpointType = 'lead' | 'initcorporatelead' | 'sendcorporatelead' | 'callback';
+export type EndpointType =
+  | 'lead'
+  | 'initcorporatelead'
+  | 'sendcorporatelead'
+  | 'callback'
+  | 'practice'
+  | 'internship';
 
 /**
  * @title Секция полей ввода

package/src/components/ApplicationForm/constants.ts

@@ -0,0 +1,33 @@
+import type { EndpointType } from './ApplicationFormContent';
+
+type EndpointInfo = {
+  withTypeForm: boolean;
+  isNaturalEndpoint: boolean;
+};
+
+export const ENDPOINT_MAPPING: Record<EndpointType, EndpointInfo> = {
+  lead: {
+    withTypeForm: true,
+    isNaturalEndpoint: true,
+  },
+  sendcorporatelead: {
+    withTypeForm: true,
+    isNaturalEndpoint: false,
+  },
+  practice: {
+    withTypeForm: false,
+    isNaturalEndpoint: true,
+  },
+  internship: {
+    withTypeForm: false,
+    isNaturalEndpoint: true,
+  },
+  initcorporatelead: {
+    withTypeForm: false,
+    isNaturalEndpoint: false,
+  },
+  callback: {
+    withTypeForm: false,
+    isNaturalEndpoint: true,
+  },
+};

package/src/components/ApplicationForm/handlers.ts

@@ -5,9 +5,11 @@ import { type Aspects } from '../../hooks/useAspects/useAspects';
 import { type AspectsDef, type SnowplowEventAspect } from '../../model/AspectsProps';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { noop } from '../../utils/noop';
+import { type EndpointType } from './ApplicationFormContent';
 
 export type HandlerProps = {
   formatData: LeadRequest;
+  endpoint?: EndpointType;
   data?: AspectsDef[];
   aspects?: Aspects;
   ev: PreventableEventWithTarget;
@@ -16,7 +18,6 @@ export type HandlerProps = {
   verifyPhoneDialog?: any;
   responseTypeDialog?: any;
   onSuccess?: () => void;
-  endpoint?: string;
   withSnowplow?: boolean;
 };
 
@@ -61,8 +62,9 @@ export const handleCallback = async ({
   typeForm,
   responseTypeDialog,
   onSuccess = noop,
+  endpoint,
 }: HandlerProps) => {
-  const response = await API.sendPhoneCallRequest(formatData);
+  const response = await API.sendPhoneCallRequest(formatData, endpoint);
 
   onSuccess();
 
@@ -92,7 +94,7 @@ export const handleDefault = async ({
   endpoint,
   withSnowplow,
 }: HandlerProps) => {
-  const response = await API.send(formatData, router, endpoint === 'lead');
+  const response = await API.send({ body: formatData, router, endpoint });
   const ok = Boolean(response);
 
   responseTypeDialog.open({ ok });

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -11,7 +11,6 @@ export const getApplicationFormData = (productType: ProductType): SectionsRetail
     { name: 'consentOthersFlg', required: true },
     { name: 'consentInformFlg' },
     { name: 'consentPfrFlg' },
-    { name: 'consentInformMaterialsFlg' },
     { name: 'consentFATCA', required: true },
   ];
 

package/src/components/ApplicationLeadForm/consents.ts

@@ -47,11 +47,7 @@ const CREDIT_CARD_CONSENTS: Record<keyof CreditCardFormConsents, ConsentData> =
   },
   consentOthersFlg: {
     text: 'Прочие согласия',
-    docId: 19,
-  },
-  consentInformMaterialsFlg: {
-    text: 'Согласие на получение информационных материалов',
-    docId: 18,
+    docId: 1,
   },
 };
 

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -13,7 +13,6 @@ const initialFormState = {
   consentOthersFlg: false,
   consentInformFlg: false,
   consentPfrFlg: false,
-  consentInformMaterialsFlg: false,
   consentPhotoFlg: false,
   consentFATCA: false,
 };

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -352,7 +352,6 @@ const transformConsentsFields = (
     processPersonalDataFlg,
     consentInformFlg,
     consentProviderFlg,
-    consentInformMaterialsFlg,
     consentFATCA,
   } = formData;
 
@@ -366,7 +365,6 @@ const transformConsentsFields = (
     };
   } else if (productType === 'creditCard') {
     consents = {
-      consentInformMaterialsFlg,
       consentPhotoFlg: false,
     };
   } else {

package/src/hooks/useDragAndDrop.ts

@@ -0,0 +1,48 @@
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { ResponseData } from '../api/sendFile';
+import { type VerifyFileParams } from '../ui-kit/Input/useVerifyFile';
+import type {
+  PreventableEventWithTarget,
+  PreventableEventWithTargetFiles,
+} from '../ui-kit/PreventableEvent';
+
+interface DragAndDropProps {
+  onFileSelected: (props: VerifyFileParams) => Promise<void>;
+  onReset: () => void;
+  uploadResponse: ResponseData | null;
+  onFileChanged?: (value: string) => void;
+}
+
+export const useDragAndDrop = ({
+  onFileSelected,
+  onReset,
+  uploadResponse,
+  onFileChanged,
+}: DragAndDropProps) => {
+  const [isDragActive, setIsDragActive] = useState(false);
+
+  const handleDrag = (e: PreventableEventWithTarget) => {
+    e.preventDefault();
+    if (uploadResponse) {
+      return;
+    }
+    setIsDragActive(true);
+  };
+
+  const handleLeave = () => setIsDragActive(false);
+
+  const handleDrop = async (e: PreventableEventWithTargetFiles) => {
+    e.preventDefault();
+    if (uploadResponse) {
+      return;
+    }
+    onReset();
+    setIsDragActive(false);
+    const file = e.dataTransfer?.files?.[0];
+    if (file) {
+      await onFileSelected({ file, onFileChanged });
+    }
+  };
+
+  return { handleDrag, handleLeave, handleDrop, isDragActive };
+};

package/src/model/FormTypeFieldDef.ts

@@ -25,4 +25,5 @@ export type FormTypeFieldDef =
   | 'INVESTADVISER'
   | 'FINOMBUDSMAN'
   | 'PF'
-  | 'UNIVERSAL';
+  | 'UNIVERSAL'
+  | 'PRACTICE';

package/src/model/InputTypes.ts

@@ -1 +1 @@
-export type InputTypes = 'text' | 'number' | 'hidden';
+export type InputTypes = 'text' | 'number' | 'hidden' | 'file';

package/src/retail/inputs.tsx

@@ -86,7 +86,6 @@ export const InputsConsentsMap = {
   consentOthersFlg: ConsentField,
   consentInformFlg: ConsentField,
   consentPfrFlg: ConsentField,
-  consentInformMaterialsFlg: ConsentField,
   consentFATCA: ConsentField,
 };
 

package/src/retail/model/LeadFormState.ts

@@ -15,7 +15,6 @@ export interface CreditCardFormConsents {
   consentProviderFlg?: boolean;
   consentOthersFlg?: boolean;
   consentInformFlg?: boolean;
-  consentInformMaterialsFlg?: boolean;
 }
 
 export interface DebitCardFormConsents {
@@ -86,6 +85,7 @@ export type FormRetailConsents = CreditFormConsents &
     consentPhotoFlg?: boolean;
     consentAssignmentClaimsFlg?: boolean;
     consentCollectionFlg?: boolean;
+    consentInformMaterialsFlg?: boolean;
   };
 
 // TODO Какая то часть должна быть взята из RetailAPI

package/src/retail/model/NameFieldDef.ts

@@ -13,7 +13,6 @@ type NameFieldConsentDef =
   | 'consentInformFlg'
   | 'consentPfrFlg'
   | 'consentOthersFlg'
-  | 'consentInformMaterialsFlg'
   | 'consentPhotoFlg'
   | 'consentFATCA';
 

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

@@ -7,6 +7,7 @@ export interface CustomFieldProps {
   input?: FieldDef;
   url?: string;
   params?: Record<string, any>;
+  label?: string;
 }
 
 export interface CustomFieldPropsWithTypeForm extends CustomFieldProps {

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

@@ -7,7 +7,7 @@ import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { getPremium } from '../getPremium';
 
-interface RegionFieldProps extends CustomFieldProps {
+export interface RegionFieldProps extends CustomFieldProps {
   isPremium?: boolean;
 }
 

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const AverageGradeField = JSX<CustomFieldProps>(({ field, input }) => {
+  return (
+    <InputControl
+      label="Средний балл обучения"
+      type="number"
+      {...field(input?.name ?? '')}
+      {...input}
+    />
+  );
+});