@redneckz/wildless-cms-uni-blocks 0.14.876 → 0.14.877

package/mobile/lib/ui-kit/Select/SelectPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAC7D,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAC,kFAAkF,EAC5F,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,YAEZ,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,eAEE,SAAS,EAAC,qEAAqE,EAC/E,IAAI,EAAC,UAAU,mBACA,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,MAAM,CAAC,CAAC;aAClB;QACH,CAAC,aAED,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,MAAM,CAAC,GAAQ,EACvD,KAAC,IAAI,IACH,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE;oBAC1C,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG;iBAClC,CAAC,GACF,KApBG,MAAM,CAAC,GAAG,CAqBX,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
+{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,EAAE,CAC5E,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAC,kFAAkF,EAC5F,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,YAEZ,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,eAEE,SAAS,EAAC,qEAAqE,EAC/E,IAAI,EAAC,UAAU,mBACA,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,QAAQ,EAAE;gBACZ,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;gBACpB,QAAQ,CAAC,MAAM,CAAC,CAAC;aAClB;QACH,CAAC,aAEA,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CACnB,2BACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,MAAM,EAAE,SAAS,EAAE,WAAW,GAAQ,EAC3D,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,YAAY,CAAC,MAAM,CAAC,GAChB,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,MAAM,EAAE,SAAS,EAAE,cAAc,GAC7B,IACH,IACD,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,MAAM,CAAC,GAAQ,CACxD,EAED,KAAC,IAAI,IACH,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE;oBAC1C,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG;iBAClC,CAAC,GACF,KApCG,MAAM,CAAC,GAAG,CAqCX,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}

package/mobile/lib/ui-kit/Select/useSelectPopup.d.ts

@@ -2,8 +2,9 @@ import type { OnCloseProps } from '../../model/OnCloseProps';
 import { type SelectPopupProps } from './SelectPopup';
 interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
     isOpen?: boolean;
+    onChangeQuery?: (value: string) => void;
 }
-export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, }: SelectPopupOptions): {
+export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }: SelectPopupOptions): {
     current: HTMLDivElement | null;
 };
 export {};

package/mobile/lib/ui-kit/Select/useSelectPopup.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { usePopupManager } from '../PopupManager/usePopupManager.js';
 import { SelectPopup } from './SelectPopup.js';
-export function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, }) {
+export function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }) {
     const popup = usePopupManager();
     const close = useCallback(() => {
         popup.close();
@@ -12,6 +12,7 @@ export function useSelectPopup({ isOpen, options, value, query, onChange, onClos
     const handleChange = useCallback((option) => {
         close();
         onChange && onChange(option);
+        onChangeQuery && onChangeQuery('');
     }, [close, onChange]);
     const inputRef = useRef(null);
     const popupRef = useOutsideClick(close);
@@ -22,7 +23,7 @@ export function useSelectPopup({ isOpen, options, value, query, onChange, onClos
         const inputElement = inputRef.current;
         const { top, left, width, height } = inputElement.getBoundingClientRect();
         popup.open({
-            popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, onChange: handleChange, iconVersion: iconVersion })),
+            popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, onChange: handleChange, iconVersion: iconVersion, onChangeQuery: onChangeQuery })),
             top: top + window.scrollY + height,
             left,
             width,

package/mobile/lib/ui-kit/Select/useSelectPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAMnE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,GACQ;IACnB,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAc,EAAE,EAAE;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,GACxB,CACH;YACD,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAOnE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,GACM;IACnB,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAc,EAAE,EAAE;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC7B,aAAa,IAAI,aAAa,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,CACH;YACD,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/mobile/src/api/LeadServiceAPI.ts

@@ -9,7 +9,18 @@ export type LeadRequest = Record<string, JSONRecord | JSONScalar | null> & {
   phone?: string;
   email?: string;
   inn?: string;
+  innDadata?: string;
+  fullRegion?: string;
   secondaryPhoneNumber?: string;
+  partnerSymbolCode?: string;
+  companyNameByInn?: string;
+};
+
+type PFFormData = {
+  innDadata?: string;
+  fullRegion?: string;
+  partnerSymbolCode?: string;
+  companyNameByInn?: string;
 };
 
 export function LeadServiceAPI() {
@@ -22,11 +33,15 @@ export function LeadServiceAPI() {
       birthday,
       desiredMeetingDate,
       inn,
+      innDadata,
+      fullRegion,
       addressBranch,
       secondaryPhone = '',
       bankEmpolee,
       applicationDate,
       serviceDirection,
+      partnerSymbolCode,
+      companyNameByInn,
       ...staticBody
     } = body;
     const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
@@ -46,6 +61,7 @@ export function LeadServiceAPI() {
             applicationDate,
             ...getSecondaryPhone(secondaryPhone as string),
           }),
+      ...formatPFForm(typeForm, { innDadata, fullRegion, partnerSymbolCode, companyNameByInn }),
       ...staticBody,
     };
 
@@ -85,8 +101,17 @@ const getEmail = (email?: string, isNaturalPerson = true) => ({
   [isNaturalPerson ? 'email' : 'mail']: email,
 });
 
-const getSecondaryPhone = (secondaryPhone = '') => {
-  return !secondaryPhone || secondaryPhone === '+7 ('
+const getSecondaryPhone = (secondaryPhone = '') =>
+  !secondaryPhone || secondaryPhone === '+7 ('
     ? {}
     : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
-};
+
+const formatPFForm = (typeForm?: string, data?: PFFormData) =>
+  typeForm === 'PF'
+    ? {
+        inn: data?.innDadata,
+        region: data?.fullRegion,
+        partnerComments: data?.partnerSymbolCode,
+        fullname: data?.companyNameByInn,
+      }
+    : {};

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

@@ -1378,5 +1378,89 @@
         }
       }
     }
+  ],
+  [
+    "Онлайн-заявка от партнера",
+    {
+      "content": {
+        "version": "primary",
+        "title": "Онлайн-заявка от партнера",
+        "typeForm": "PF",
+        "endpoint": "sendcorporatedlead",
+        "sections": [
+          {
+            "title": "Информация о партнере",
+            "inputs": [
+              {
+                "name": "partnerSymbolCode",
+                "required": true
+              }
+            ]
+          },
+          {
+            "title": "Информация о компании",
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "innDadata",
+                "required": true
+              },
+              {
+                "name": "companyNameByInn",
+                "required": true
+              }
+            ]
+          },
+          {
+            "title": "Данные контактного лица",
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "surname",
+                "required": true
+              },
+              {
+                "name": "name",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "email"
+              }
+            ]
+          },
+          {
+            "title": "Регион компании",
+            "inputs": [
+              {
+                "name": "fullRegion",
+                "required": true
+              }
+            ]
+          },
+          {
+            "title": "Комментарий",
+            "inputs": [
+              {
+                "name": "comment"
+              }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        },
+        "isPremium": false
+      }
+    }
   ]
 ]

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

@@ -1,9 +1,10 @@
-import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { LeadServiceAPI } from '../../api/LeadServiceAPI';
 import { handleAspects } from '../../hooks/useAspects/handleAspects';
 import { useAspects } from '../../hooks/useAspects/useAspects';
-import { useForm } from '../../hooks/useForm/useForm';
+import { useForm, type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
+import { type SectionsProps } from '../../model/InputSectionsType';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
@@ -13,19 +14,29 @@ import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
 import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
+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 additionalParamsType,
+  type ApplicationFormContent,
+  type FieldDef,
+} from './ApplicationFormContent';
 import { getFormatData } from './getFormatData';
 import { getInitialFormState, type FormState } from './getInitialFormState';
 import { renderAgreementSubmit } from './renderAgreementSubmit';
 import { renderContacts } from './renderContacts';
 
-interface ApplicationFormProps extends ApplicationFormContent, UniBlockProps {}
+export interface ApplicationFormProps extends ApplicationFormContent, UniBlockProps {}
+
+type renderSectionsType = {
+  typeForm: FormTypeFieldDef;
+  additionalParams?: additionalParamsType;
+};
 
 const API = LeadServiceAPI();
 
-export const ApplicationForm = JSX<ApplicationFormProps>(
+export const ApplicationForm = UniBlock<ApplicationFormProps>(
   ({
     className,
     title,
@@ -80,15 +91,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
         {...rest}
       >
         <form onSubmit={onSubmit}>
-          {sections.map((_, i) => (
-            <div
-              key={`section-${i}`}
-              className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
-            >
-              {renderTitle(_.title)}
-              {(_?.inputs || [])?.map(getField<FieldDef>(field, { typeForm }))}
-            </div>
-          ))}
+          {renderSections(sections, field, { typeForm, additionalParams })}
           {renderAgreementSubmit(
             fieldName ? field('consentDataProcessing') : undefined,
             link,
@@ -100,3 +103,15 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
     );
   },
 );
+
+const renderSections = (
+  sections: SectionsProps[],
+  field: FormFieldRegisterer<Record<string, any>>,
+  { typeForm, additionalParams }: renderSectionsType,
+) =>
+  sections.map((_, i) => (
+    <div key={`section-${i}`} className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}>
+      {renderTitle(_.title)}
+      {(_?.inputs || [])?.map(getField<FieldDef>(field, { typeForm, ...additionalParams }))}
+    </div>
+  ));

package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -1,6 +1,3 @@
-/* eslint-disable max-lines */
-/* eslint-disable max-len */
-
 import { type AspectsProps } from '../../model/AspectsProps';
 import { type ColumnsCount } from '../../model/ColumnCount';
 import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
@@ -71,11 +68,16 @@ type productType = {
   product?: string;
 };
 
+type premiumForm = {
+  /** @title Форма для премиума */
+  isPremium?: boolean;
+};
+
 /**
  * @title Отображать выбор продукта
  * @default { "showProduct": "" }
  */
-type additionalParamsType = hideProductDef | showProductDef;
+export type additionalParamsType = premiumForm | hideProductDef | showProductDef;
 
 /**
  * @title Форма заявки настраиваемая

package/mobile/src/hooks/useInn.ts

@@ -0,0 +1,16 @@
+import { getDaDataHints } from '../retail/api/dadataHints/dadataHints';
+
+const INN_DADATA_URL = 'suggest/party';
+
+interface InnHint {
+  fullName?: string;
+  address?: string;
+  inn?: string;
+}
+
+export const useInn = async (searchQuery: string): Promise<InnHint[]> =>
+  (await getDaDataHints({ url: INN_DADATA_URL, query: searchQuery })).map((_) => ({
+    fullName: _?.value,
+    address: _?.data?.address?.value,
+    inn: _?.data?.inn,
+  }));

package/mobile/src/model/FormTypeFieldDef.ts

@@ -23,4 +23,5 @@ export type FormTypeFieldDef =
   | 'CONT'
   | 'SUPPORT'
   | 'INVESTADVISER'
-  | 'FINOMBUDSMAN';
+  | 'FINOMBUDSMAN'
+  | 'PF';

package/mobile/src/retail/components/Fields/SelectField.tsx

@@ -17,6 +17,7 @@ export interface SelectFieldProps
   source?: DictionaryItem[];
   fieldName: string;
   isSearch?: boolean;
+  isManualInput?: boolean;
 }
 
 export const SelectField = UniBlock<SelectFieldProps>(

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

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const CompanyNameByInnField = JSX<CustomFieldProps>(({ field, input }) => {
+  const fieldInn = field('innDadata');
+
+  useEffect(() => {
+    if (fieldInn?.value?.key !== '') {
+      const companyName = fieldInn?.value?.innDaData?.companyName;
+      companyName && field?.('companyNameByInn')?.onChange?.(companyName);
+    }
+  }, [fieldInn?.value]);
+
+  return (
+    <InputControl
+      maxLength={60}
+      label="Полное наименование"
+      {...field(input?.name ?? '')}
+      {...input}
+    />
+  );
+});

package/mobile/src/ui-kit/FormField/Fields/{RegionPremiumField.tsx → FullRegionField.tsx}

@@ -5,8 +5,13 @@ import { type Option } from '../../Select/Option';
 import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
-export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
-  const branchByRegions = useBranchesByRegions(true);
+export interface FullRegionFieldProps extends CustomFieldProps {
+  isPremium?: boolean;
+}
+
+export const FullRegionField = JSX<FullRegionFieldProps>(({ field, input, params }) => {
+  const isPremium = params?.isPremium as boolean;
+  const branchByRegions = useBranchesByRegions(isPremium);
   const regions = useMemo(
     () =>
       branchByRegions?.map(({ region }) => ({

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

@@ -0,0 +1,47 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
+import { useInn } from '../../../hooks/useInn';
+import { SelectControl } from '../../Select/SelectControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+type InnSuggestion = {
+  fullName?: string;
+  address?: string;
+  inn?: string;
+};
+
+export const InnDadataField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [options, setOptions] = useState<InnSuggestion[]>([]);
+  const [searchQuery, setSearchQuery] = useState('');
+
+  useAsyncEffect(async () => {
+    const fieldInns = useInn(searchQuery);
+    setOptions(await fieldInns);
+
+    return options;
+  }, [searchQuery]);
+
+  const getOptions = useMemo(() => {
+    return (options || []).map((item) => ({
+      key: item?.inn ?? '',
+      text: item?.inn,
+      innDaData: {
+        companyName: item?.fullName,
+        companyAddress: item?.address,
+      },
+    }));
+  }, [options]);
+
+  return (
+    <SelectControl
+      label="ИНН"
+      placeholder="Введите ИНН"
+      options={getOptions}
+      {...field(input?.name ?? '')}
+      isSearch
+      isManualInput
+      onSearchQuery={setSearchQuery}
+    />
+  );
+});

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

@@ -0,0 +1,47 @@
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { JSONRefObject } from '../../../data/JSONRefObject';
+import { UniBlock } from '../../../UniBlock/UniBlock';
+import type { UniBlockProps } from '../../../UniBlock/UniBlockProps';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export interface PartnerSymbolCodeFieldProps extends CustomFieldProps, UniBlockProps {
+  source?: JSONRefObject & {
+    agentsList?: AgentType[];
+  };
+}
+
+export type AgentType = {
+  isActive?: boolean;
+  symbolCode?: string;
+  ID?: string;
+  agentName?: string;
+};
+
+export const PartnerSymbolCodeField = UniBlock<PartnerSymbolCodeFieldProps>(
+  ({ field, input, source }) => {
+    const agentsList = source?.agentsList;
+    const { value: partnerCode } = field('partnerSymbolCode');
+    const [symbolCodeError, setSymbolCodeError] = useState('');
+    const isPartnerCodeExist = agentsList?.some((item) => item?.symbolCode === partnerCode);
+
+    useEffect(() => {
+      setSymbolCodeError(
+        partnerCode && !isPartnerCodeExist
+          ? 'ID партнера не найден. Обратитесь к своему менеджеру'
+          : '',
+      );
+    }, [partnerCode]);
+
+    return (
+      <InputControl
+        label="Идентификатор партнера"
+        isInteger={true}
+        maxLength={12}
+        {...input}
+        {...field(input?.name ?? '')}
+        error={symbolCodeError || field('partnerSymbolCode')?.error}
+      />
+    );
+  },
+);

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

@@ -7,6 +7,7 @@ type NameFieldApplicationDef =
   | 'fullName'
   | 'inn'
   | 'comment'
+  | 'fullRegion'
   | 'region'
   | 'addressBranch'
   | 'typeForm'
@@ -37,6 +38,9 @@ type NameFieldApplicationDef =
   | 'representativeName'
   | 'regionBranch'
   | 'consentToReceiveMaterials'
-  | 'consentDataProcessing';
+  | 'consentDataProcessing'
+  | 'partnerSymbolCode'
+  | 'innDadata'
+  | 'companyNameByInn';
 
 export type NameFieldDef = NameFieldApplicationDef;

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

@@ -13,10 +13,13 @@ import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
+import { CompanyNameByInnField } from './Fields/CompanyNameByInnField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { EmailField } from './Fields/EmailField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FullNameField } from './Fields/FullNameField';
+import { FullRegionField } from './Fields/FullRegionField';
+import { InnDadataField } from './Fields/InnDadataField';
 import { InnField } from './Fields/InnField';
 import { IsClientField } from './Fields/IsClientField';
 import { LocalitiesField } from './Fields/LocalitiesField';
@@ -24,11 +27,11 @@ import { MiddleNameField } from './Fields/MiddleNameField';
 import { NameField } from './Fields/NameField';
 import { OnlineCheckoutField } from './Fields/OnlineCheckoutField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
+import { PartnerSymbolCodeField } from './Fields/PartnerSymbolCodeField';
 import { PhoneField } from './Fields/PhoneField';
 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';
@@ -46,6 +49,10 @@ const PRODUCT_REF = {
   $ref: '/wcms-resources/outservice-productlist.json',
 };
 
+const AGENTS_REF = {
+  $ref: '/wcms-resources/agenty-dlya-rko.json',
+};
+
 const InputsMap = {
   fullName: FullNameField,
   addressBranch: AddressBranchField,
@@ -70,7 +77,7 @@ const InputsMap = {
   applicationDate: ApplicationDateField,
   region: (props: CustomFieldProps) =>
     getPremium(props?.params?.typeForm as FormTypeFieldDef) ? (
-      <RegionPremiumField {...props} />
+      <FullRegionField {...props} />
     ) : (
       <RegionField {...props} />
     ),
@@ -87,6 +94,12 @@ const InputsMap = {
   email: EmailField,
   inn: InnField,
   comment: CommentField,
+  fullRegion: FullRegionField,
+  partnerSymbolCode: (props: CustomFieldProps) => (
+    <PartnerSymbolCodeField {...props} source={AGENTS_REF} />
+  ),
+  innDadata: InnDadataField,
+  companyNameByInn: CompanyNameByInnField,
 };
 
 export const getField =

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

@@ -6,6 +6,7 @@ import {
   defaultSelectValidator,
   defaultValidator,
   emailValidator,
+  innDadataValidator,
   innValidator,
   nameValidator,
   phoneValidator,
@@ -40,6 +41,9 @@ export const validatorObj: Record<string, Validator> = {
   typeForm: defaultValidator(),
   consentToReceiveMaterials: agreementValidator,
   consentDataProcessing: agreementValidator,
+  partnerSymbolCode: defaultValidator(),
+  innDadata: innDadataValidator('Укажите ИНН'),
+  companyNameByInn: defaultValidator(),
 };
 
 export const getFormValidator = <FormState extends Record<string, any>, F extends BaseFieldDef>(

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

@@ -1,4 +1,4 @@
 import { type ColumnsCount } from '../../model/ColumnCount';
 
 export const inputColumnStyles = (column: ColumnsCount | undefined) =>
-  column === 2 ? '@xl:grid-cols-2' : '';
+  column === 2 ? '@xl:grid-cols-2' : '@xl:grid-cols-1 gap-x-0';

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

@@ -2,6 +2,12 @@ import { isCyrillic } from '../../utils/isCyrilic';
 import { required } from '../../validation/required';
 import { validator } from '../../validation/validator';
 
+interface DadataItem {
+  text?: string;
+  key?: string;
+  innDaData?: any;
+}
+
 const ERROR_MESSAGE = 'Некорректно заполненное поле';
 
 export const defaultValidator = (errorMsg?: string) => required(errorMsg ?? ERROR_MESSAGE);
@@ -15,7 +21,10 @@ export const nameValidator = (errorMsg?: string) =>
   );
 
 export const innValidator = (errorMsg: string) =>
-  validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
+  validator((_: string) => isValidInnLength(_))(errorMsg);
+
+export const innDadataValidator = (errorMsg: string) =>
+  validator((_: DadataItem) => Boolean(_?.text) && isValidInnLength(_.text))(errorMsg);
 
 const phoneValidate = (email: string) =>
   /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
@@ -33,3 +42,6 @@ const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test
 
 export const emailValidator = (errorMsg: string) =>
   validator((_: string) => emailValidate(_))(errorMsg);
+
+const isValidInnLength = (value: string | undefined): boolean =>
+  typeof value === 'string' && (value.length === 10 || value.length === 12);

package/mobile/src/ui-kit/Select/Option.ts

@@ -1,5 +1,11 @@
 import type { TextProps } from '../../model/HeadlineType';
 
+type companyData = {
+  companyName?: string;
+  companyAddress?: string;
+};
+
 export type Option = TextProps & {
   key: string;
+  innDaData?: companyData;
 };