@redneckz/wildless-cms-uni-blocks 0.14.960 → 0.14.962

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

@@ -9,5 +9,6 @@ export const ServiceDirectionField = JSX<CustomFieldProps>(({ field, input }) =>
     placeholder="Выберите направление"
     options={SERVICE_DIRECTIONS}
     {...field(input?.name ?? '')}
+    {...input}
   />
 ));

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

@@ -1,27 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type Option } from '../../Select/Option';
 import { SelectControl } from '../../Select/SelectControl';
+import { SUFFERED_FROM_TYPES } from '../constants';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
-const SUFFERED_FROM_TYPES: Option[] = [
-  {
-    key: 'blg',
-    text: 'Белгородской области',
-  },
-  {
-    key: 'brnsk',
-    text: 'Брянской области',
-  },
-  {
-    key: 'krsk',
-    text: 'Курской области',
-  },
-  {
-    key: 'chs',
-    text: 'От стихийного бедствия ЧС',
-  },
-];
-
 export const SufferedFromField = JSX<CustomFieldProps>(({ field, input }) => (
   <SelectControl
     label="Пострадал в"

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

@@ -4,5 +4,10 @@ import { SERVICE_TYPES } from '../constants';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
 export const UltraPremiumField = JSX<CustomFieldProps>(({ field, input }) => (
-  <SelectControl label="Тип обслуживания" options={SERVICE_TYPES} {...field(input?.name ?? '')} />
+  <SelectControl
+    label="Тип обслуживания"
+    options={SERVICE_TYPES}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
 ));

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

@@ -1,15 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { RadioButtonGroup, type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroup } from '../../RadioButtonGroup/RadioButtonGroup';
+import { VED_TYPES } from '../constants';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
-export const VED_TYPES: RadioButtonItem[] = [
-  { id: 'currencyControl', text: 'Валютный контроль' },
-  { id: 'documentOperations', text: 'Документарные операции' },
-  { id: 'conversionTransactions', text: 'Конверсионные операции' },
-  { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
-];
-
 export const VedField = JSX<CustomFieldProps>(({ field, input }) => {
   const handleChange = useCallback((_: string | undefined) => {
     if (_ !== 'currencyControl') {
@@ -25,6 +19,7 @@ export const VedField = JSX<CustomFieldProps>(({ field, input }) => {
         orientation="horizontal"
         items={VED_TYPES}
         {...field(input?.name ?? '', { onChange: handleChange })}
+        {...input}
       />
     </div>
   );

package/src/ui-kit/FormField/Fields//320/241onsentToReceiveMaterialsField.tsx

@@ -6,5 +6,6 @@ export const ConsentToReceiveMaterialsField = JSX<CustomFieldProps>(({ field, in
   <Checkbox
     text="Согласен на получение информационных и аналитических материалов по электронной почте"
     {...field(input?.name ?? '')}
+    {...input}
   />
 ));

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

@@ -1,3 +1,4 @@
+import type { RadioButtonItem } from '../RadioButtonGroup/RadioButtonGroup';
 import { type Option } from '../Select/Option';
 
 export const SERVICE_TYPES: Option[] = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
@@ -11,3 +12,88 @@ export const FEEDBACK_METHOD: Option[] = [
   { key: 'phone', text: 'Телефонный звонок' },
   { key: 'email', text: 'Электронное сообщение' },
 ];
+
+export const CLIENT_KEY = 'client';
+export const REPRESENTATIVE_KEY = 'representative';
+
+export const APPLIER_TYPES: ApplierType[] = [
+  {
+    key: CLIENT_KEY,
+    text: 'Клиент',
+  },
+  {
+    key: REPRESENTATIVE_KEY,
+    text: 'Представитель клиента',
+  },
+];
+
+export type ApplierType = Option & {
+  key: 'client' | 'representative';
+};
+
+export const ACQUIRING_TYPES: Option[] = [
+  {
+    text: 'Торговый эквайринг',
+    key: 'trade',
+  },
+  {
+    text: 'СБП-эквайринг',
+    key: 'sbp',
+  },
+  {
+    text: 'Интернет-эквайринг',
+    key: 'internet',
+  },
+  {
+    text: 'SoftPOS',
+    key: 'softpos',
+  },
+  {
+    text: 'Все виды эквайринга',
+    key: 'all',
+  },
+];
+
+export const CALLBACK_TIME: Option[] = [
+  {
+    key: 'Перезвонить сейчас',
+    text: 'Перезвонить сейчас',
+  },
+];
+
+export const QUESTION_PRODUCT_TYPES: Option[] = [
+  {
+    key: 'Вопрос по действующему продукту',
+    text: 'Вопрос по действующему продукту',
+  },
+  {
+    key: 'Оформление нового продукта',
+    text: 'Оформление нового продукта',
+  },
+];
+
+export const SUFFERED_FROM_TYPES: Option[] = [
+  {
+    key: 'blg',
+    text: 'Белгородской области',
+  },
+  {
+    key: 'brnsk',
+    text: 'Брянской области',
+  },
+  {
+    key: 'krsk',
+    text: 'Курской области',
+  },
+  {
+    key: 'chs',
+    text: 'От стихийного бедствия ЧС',
+  },
+];
+
+export const VED_TYPES: RadioButtonItem[] = [
+  { id: 'currencyControl', text: 'Валютный контроль' },
+  { id: 'documentOperations', text: 'Документарные операции' },
+  { id: 'conversionTransactions', text: 'Конверсионные операции' },
+  { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
+];

package/src/ui-kit/Input/InputPhoneControl.tsx

@@ -6,11 +6,11 @@ import { type InputProps } from './InputProps';
 import { renderErrorText } from './renderErrorText';
 
 export const InputPhoneControl = JSX<InputProps>(
-  ({ className, label, disabled, error, ...rest }) => (
+  ({ className, label, required, disabled, error, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
       <PhoneInput
         aria-label={label}
-        label={getRequiredLabel({ label, errors: rest?.errors })}
+        label={getRequiredLabel({ label, required })}
         valid={Boolean(!error)}
         disabled={disabled}
         placeholder="+7 (___) ___-__-__"

package/src/ui-kit/Input/InputSnilsControl.tsx

@@ -6,11 +6,11 @@ import { type InputProps } from './InputProps';
 import { renderErrorText } from './renderErrorText';
 
 export const InputSnilsControl = JSX<InputProps>(
-  ({ className, label, value, error, onChange, onBlur, ...rest }) => (
+  ({ className, label, required, value, error, onChange, onBlur, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
       <SnilsInput
         aria-label={label}
-        label={getRequiredLabel({ label, errors: rest?.errors })}
+        label={getRequiredLabel({ label, required })}
         valid={Boolean(!error)}
         value={value}
         onChange={onChange}

package/src/ui-kit/Input/InputWrapper.tsx

@@ -30,6 +30,7 @@ export const InputWrapper = JSX<InputWrapperProps>(
     isOpen,
     onOpen,
     onClose,
+    required,
     onChange = noop,
     ...rest
   }) => {
@@ -57,7 +58,7 @@ export const InputWrapper = JSX<InputWrapperProps>(
           <Input
             type={type || 'text'}
             aria-label={label}
-            label={getRequiredLabel({ label, errors })}
+            label={getRequiredLabel({ label, required })}
             valid={Boolean(!error)}
             onChange={handleChange}
             placeholder={getPlaceholder({ placeholder, errors, label })}

package/src/ui-kit/RadioButtonGroup/RadioButtonGroupControl.tsx

@@ -5,9 +5,9 @@ import { renderErrorText } from '../Input/renderErrorText';
 import { RadioButtonGroup, type RadioButtonGroupProps } from './RadioButtonGroup';
 
 export const RadioButtonGroupControl = JSX<RadioButtonGroupProps>(
-  ({ className, label, error, ...rest }) => (
+  ({ className, label, required, error, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
-      <RadioButtonGroup label={getRequiredLabel({ label, errors: rest?.errors })} {...rest} />
+      <RadioButtonGroup label={getRequiredLabel({ label, required })} {...rest} />
       {renderErrorText(error)}
     </div>
   ),

package/src/ui-kit/Select/SelectControl.tsx

@@ -4,9 +4,9 @@ import { renderErrorText } from '../Input/renderErrorText';
 import { Select, type SelectProps } from './Select';
 
 export const SelectControl = JSX<SelectProps>(
-  ({ className = '', label, error, errors, ...rest }) => (
+  ({ className = '', label, error, required, ...rest }) => (
     <div className={className}>
-      <Select {...rest} valid={!error} label={getRequiredLabel({ label, errors })} />
+      <Select {...rest} valid={!error} label={getRequiredLabel({ label, required })} />
       {renderErrorText(error)}
     </div>
   ),

package/src/utils/getRequiredLabel.ts

@@ -1,5 +1,5 @@
 import type { DefaultControlType } from '../model/DefaultControlType';
 
 // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
-export const getRequiredLabel = ({ label, errors }: DefaultControlType) =>
-  label && errors ? `${label}*` : label;
+export const getRequiredLabel = ({ label, required = false }: DefaultControlType) =>
+  label && required ? `${label}*` : label;