@redneckz/wildless-cms-uni-blocks 0.14.892 → 0.14.894

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

@@ -0,0 +1,26 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { UniBlock } from '../../../UniBlock/UniBlock';
+import { InputControl } from '../../Input/InputControl';
+import { type AgentType, type PartnerFieldWithRefProps } from './PartnerSymbolCodeField';
+
+const UNKNOWN_PARTNER = 'Неизвестный партнёр';
+
+export const PartnerNameField = UniBlock<PartnerFieldWithRefProps>(
+  ({ field, input = {}, source }) => {
+    const fieldPartnerSymbolCodeValue = field('partnerSymbolCode')?.value;
+
+    useEffect(() => {
+      const agentName =
+        getAgentName(source?.agentsList, fieldPartnerSymbolCodeValue as string) || UNKNOWN_PARTNER;
+
+      if (agentName) {
+        field('partnerName')?.onChange?.(agentName);
+      }
+    }, [fieldPartnerSymbolCodeValue]);
+
+    return <InputControl {...field(input.name ?? '')} {...input} type="hidden" />;
+  },
+);
+
+const getAgentName = (agentsList: AgentType[] = [], code = '') =>
+  agentsList.find(({ symbolCode }) => symbolCode === code)?.agentName ?? '';

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

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

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

@@ -41,6 +41,7 @@ type NameFieldApplicationDef =
   | 'consentDataProcessing'
   | 'partnerSymbolCode'
   | 'innDadata'
-  | 'companyNameByInn';
+  | 'companyNameByInn'
+  | 'partnerName';
 
 export type NameFieldDef = NameFieldApplicationDef;

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

@@ -27,6 +27,7 @@ import { MiddleNameField } from './Fields/MiddleNameField';
 import { NameField } from './Fields/NameField';
 import { OnlineCheckoutField } from './Fields/OnlineCheckoutField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
+import { PartnerNameField } from './Fields/PartnerNameField';
 import { PartnerSymbolCodeField } from './Fields/PartnerSymbolCodeField';
 import { PhoneField } from './Fields/PhoneField';
 import { PosTerminalField } from './Fields/PosTerminalField';
@@ -100,6 +101,7 @@ const InputsMap = {
   ),
   innDadata: InnDadataField,
   companyNameByInn: CompanyNameByInnField,
+  partnerName: (props: CustomFieldProps) => <PartnerNameField {...props} source={AGENTS_REF} />,
 };
 
 export const getField =

package/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' : '@xl:grid-cols-1 gap-x-0';
+  column === 2 ? '@xl:grid-cols-2 gap-x-m' : '@xl:grid-cols-1 gap-x-0';