@redneckz/wildless-cms-uni-blocks 0.14.201 → 0.14.203

package/src/components/ApplicationFormCustom/ApplicationFormCustomContent.ts

@@ -1,3 +1,5 @@
+/* eslint-disable max-len */
+
 import { type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type LinkProps } from '../../model/LinkProps';
@@ -16,11 +18,10 @@ export interface SubmitButtonProps {
   text?: string;
   version?: LinkButtonVersion;
 }
-
 /**
  * @title Название поля ввода
  * @required
- * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "Комментарий", "Регион", "Тип формы", "День рождения", "Подзаголовок","Клиент банка", "Согласие на обработку"]
+ * @enumNames ["Фамилия", "Имя", "Отчество", "Email", "Телефон", "ФИО", "ИНН", "Комментарий", "Регион", "Тип формы", "День рождения", "Клиент банка", "Продукт", "Комментарий партнёров", "Согласие на обработку"]
  */
 export type NameFieldDef =
   | 'surname'
@@ -28,12 +29,15 @@ export type NameFieldDef =
   | 'middleName'
   | 'email'
   | 'phone'
+  | 'fullName'
+  | 'inn'
   | 'comment'
   | 'region'
   | 'typeForm'
   | 'birthday'
-  | 'legend'
-  | 'client'
+  | 'isClient'
+  | 'product'
+  | 'partnerComments'
   | 'consentDataProcessing';
 
 export type FieldDef = Required &
@@ -44,9 +48,18 @@ export type FieldDef = Required &
 /**
  * @title Тип формы
  * @required
- * @enumNames ["Факты коррупции", "Эквайринг", "Предупреждение о мошенничестве", "Заявка на бизнес-карту", "Самоинкассация", "Заявка для ФЛ"]
+ * @enumNames ["", "Эквайринг", "Предупреждение о мошенничестве", "Заявка на бизнес-карту", "Открытие брокерского счета ФЛ", "Инкассация", "Факты коррупции", "Заявка для ФЛ", "Самоинкассация"]
  */
-type TypeFormFieldDef = 'CORRUPTION' | 'ACQR' | 'ANTIFRAUD' | 'BCRD' | 'SELFCOLLECTION' | 'DPST';
+type TypeFormFieldDef =
+  | ''
+  | 'ACQR'
+  | 'ANTIFRAUD'
+  | 'BCRD'
+  | 'BROKACCOUNT'
+  | 'COLLECTION'
+  | 'CORRUPTION'
+  | 'DPST'
+  | 'SELFCOLLECTION';
 
 /**
  * @title Количество колнок
@@ -60,6 +73,14 @@ export type FormColumnsCount = 1 | 2;
  */
 export type EndpointType = 'lead' | 'sendcorporatelead';
 
+/**
+ * @title Секция полей ввода
+ */
+export type SectionsProps = TitleProps & {
+  columns?: FormColumnsCount;
+  inputs?: FieldDef[];
+};
+
 /**
  * @title Форма заявки настраиваемая
  */
@@ -68,7 +89,6 @@ export type ApplicationFormCustomContent = UniBlockContent &
     button?: SubmitButtonProps;
     link?: LinkProps;
     typeForm?: TypeFormFieldDef;
-    inputs?: FieldDef[];
-    formColumns?: FormColumnsCount;
+    sections?: SectionsProps[];
     endpoint?: EndpointType;
   };

package/src/components/ApplicationFormCustom/contants.tsx

@@ -0,0 +1,6 @@
+import { type Option } from '../../ui-kit/Select/Option';
+
+export const SERVICE_TYPES: Option[] = [
+  { key: 'ULTRASERVICE', text: 'Ультра' },
+  { key: 'PREMIUMSERVICE', text: 'Премиум' },
+];

package/src/components/ApplicationFormCustom/getField.tsx

@@ -1,63 +1,80 @@
 import { type FieldProps, type FormFieldRegisterer } from '../../hooks/useForm';
 import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
-import { Heading } from '../../ui-kit/Heading/Heading';
+import { DatePickerControl } from '../../ui-kit/DatePicker/DatePickerControl';
 import { InputControl } from '../../ui-kit/Input/InputControl';
 import { type Validator } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
-import { DatePickerControl } from '../ApplicationForm/DatePickerControl';
 import { PhoneInputControl } from '../ApplicationForm/PhoneInputControl';
 import { RegionField } from '../ApplicationForm/RegionField';
-import { defaultValidator, nameValidator, phoneValidator } from '../ApplicationForm/validators';
 import { type FieldDef } from './ApplicationFormCustomContent';
+import { validatorObj } from './getObjectValidator';
 
-export const getField = (input: FieldDef, field: FormFieldRegisterer<any>) => {
-  const { required } = input;
+export const getField = (field: FormFieldRegisterer<any>) => (input: FieldDef, index: number) => {
+  const { required, ...rest } = input;
   const InputsMap = {
     surname: (
-      <InputControl label="Фамилия" {...getValidation(field('surname'), nameValidator, required)} />
+      <InputControl
+        label="Фамилия"
+        {...getValidation(field('surname'), validatorObj.surname, required)}
+      />
+    ),
+    name: (
+      <InputControl
+        label="Имя"
+        {...getValidation(field('name'), validatorObj.name, required)}
+        {...rest}
+      />
     ),
-    name: <InputControl label="Имя" {...getValidation(field('name'), nameValidator, required)} />,
     middleName: (
       <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
     ),
     phone: (
       <PhoneInputControl
         label="Телефон"
-        {...getValidation(field('phone'), phoneValidator, required)}
+        {...getValidation(field('phone'), validatorObj.phone, required)}
       />
     ),
     email: (
       <InputControl
         label="Электронная почта"
-        {...getValidation(field('email'), defaultValidator, required)}
+        {...getValidation(field('email'), validatorObj.email, required)}
+      />
+    ),
+    fullName: (
+      <InputControl
+        label="ФИО"
+        {...getValidation(field('fullName'), validatorObj.fullName, required)}
+        {...rest}
       />
     ),
+    inn: <InputControl label="ИНН" {...getValidation(field('inn'), validatorObj.inn, required)} />,
     comment: (
       <InputControl
         className="col-span-2"
-        {...getValidation(field('comment'), defaultValidator, required)}
+        {...getValidation(field('comment'), validatorObj.comment, required)}
         placeholder="Ваше сообщение"
         isTextarea={true}
       />
     ),
-    region: <RegionField field={field} />,
-    client: (
-      <CheckboxWithError {...field('isClient')} text='Являюсь клиентом банка АО "Россельхозбанк"' />
-    ),
+    region: <RegionField field={field} input={input} />,
     birthday: (
       <DatePickerControl
         label="Дата рождения"
-        {...getValidation(field('birthday'), defaultValidator, required)}
+        {...getValidation(field('birthday'), validatorObj.birthday, required)}
       />
     ),
-    legend: (
-      <legend className="w-full col-span-2">
-        <Heading title={input.label} headingType="h6" className="@xl:text-center" />
-      </legend>
+    isClient: (
+      <CheckboxWithError {...field('isClient')} text='Являюсь клиентом банка АО "Россельхозбанк"' />
+    ),
+    partnerComments: (
+      <InputControl
+        label="Количество объектов инкассации"
+        {...getValidation(field('partnerComments'), validatorObj.partnerComments, required)}
+      />
     ),
   };
 
-  return InputsMap[input.name];
+  return <div key={String(index)}>{InputsMap[input.name]}</div>;
 };
 
 const getValidation = (field: FieldProps<any>, validator: Validator, required = false) =>

package/src/components/ApplicationFormCustom/getInitialFormState.tsx

@@ -24,6 +24,7 @@ const initialFormState = {
   birthday: undefined,
   comment: '',
   consentDataProcessing: false,
+  product: '',
 };
 
 export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {

package/src/components/ApplicationFormCustom/getObjectValidator.tsx

@@ -1,21 +1,26 @@
 import { type Validator } from '../../validation/validator';
 import {
   checkboxValidator,
+  defaultSelectValidator,
   defaultValidator,
+  innValidator,
   nameValidator,
   phoneValidator,
 } from '../ApplicationForm/validators';
 import { type FieldDef } from './ApplicationFormCustomContent';
 import { getNamesFromInput } from './getNamesFromInput';
 
-const validator: Record<string, Validator> = {
+export const validatorObj: Record<string, Validator> = {
   typeForm: defaultValidator,
   surname: nameValidator,
   name: nameValidator,
-  region: defaultValidator,
+  region: defaultSelectValidator,
   phone: phoneValidator,
   birthday: defaultValidator,
   email: defaultValidator,
+  fullName: defaultValidator,
+  inn: innValidator,
+  partnerComments: defaultValidator,
   comment: defaultValidator,
   consentDataProcessing: checkboxValidator,
 };
@@ -25,5 +30,5 @@ export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator
     inputs.filter((_: FieldDef) => ('required' in _ ? _.required : false)),
   );
 
-  return Object.fromEntries(requiredInputs.map((_) => [_, validator?.[_]]));
+  return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
 };

package/src/ui-kit/DatePicker/DatePicker.tsx

@@ -8,9 +8,9 @@ import { style } from '../../utils/style';
 import { type ControlProps } from '../ControlProps';
 import { Icon } from '../Icon/Icon';
 import { type IconName } from '../Icon/IconProps';
+import { renderLabel } from '../Input/renderLabel';
 import { Paragraph } from '../Paragraph/Paragraph';
 import { Select } from '../Select/Select';
-import { Text } from '../Text/Text';
 import { Calendar } from './Calendar';
 import { months } from './months';
 import { useDatePickerManager } from './useDatePickerManager';
@@ -66,43 +66,43 @@ export const DatePicker = JSX<DatePickerProps>(
     });
 
     return (
-      <div className={style(className, 'relative')} ref={ref}>
-        <Text size="text-m" font-weight="font-light">
-          {label}
-        </Text>
-        {renderDatePickerForm(handleChangeVisibleCalendar, value, valid)}
-        {showCalendar ? (
-          <div className="absolute bg-white z-20 select-none">
-            <div className="flex gap-s">
-              <div className="my-auto" onClick={handlePrevMonth}>
-                <Icon {...ICON_PROPS} className="-rotate-90 cursor-pointer" />
+      <div className={style('space-y-xs', className)} ref={ref}>
+        {renderLabel(label)}
+        <div className="relative">
+          {renderDatePickerForm(handleChangeVisibleCalendar, value, valid)}
+          {showCalendar ? (
+            <div className="absolute bg-white z-20 select-none">
+              <div className="flex gap-s">
+                <div className="my-auto" onClick={handlePrevMonth}>
+                  <Icon {...ICON_PROPS} className="-rotate-90 cursor-pointer" />
+                </div>
+                <Select
+                  onChange={handleSelectMonth}
+                  value={{ key: months[selectedMonth] }}
+                  options={monthsOptions}
+                  {...SELECT_PROPS}
+                />
+                <Select
+                  onChange={handleSelectYear}
+                  value={{ key: String(selectedYear) }}
+                  options={yearsOptions}
+                  {...SELECT_PROPS}
+                />
+                <div className="my-auto" onClick={handleNextMonth}>
+                  <Icon {...ICON_PROPS} className="rotate-90 cursor-pointer" />
+                </div>
               </div>
-              <Select
-                onChange={handleSelectMonth}
-                value={{ key: months[selectedMonth] }}
-                options={monthsOptions}
-                {...SELECT_PROPS}
+              <Calendar
+                today={value}
+                currentMonth={selectedMonth}
+                currentYear={selectedYear}
+                onDateSelect={onChange}
+                min={minDate}
+                max={maxDate}
               />
-              <Select
-                onChange={handleSelectYear}
-                value={{ key: String(selectedYear) }}
-                options={yearsOptions}
-                {...SELECT_PROPS}
-              />
-              <div className="my-auto" onClick={handleNextMonth}>
-                <Icon {...ICON_PROPS} className="rotate-90 cursor-pointer" />
-              </div>
             </div>
-            <Calendar
-              today={value}
-              currentMonth={selectedMonth}
-              currentYear={selectedYear}
-              onDateSelect={onChange}
-              min={minDate}
-              max={maxDate}
-            />
-          </div>
-        ) : null}
+          ) : null}
+        </div>
       </div>
     );
   },

package/src/ui-kit/DatePicker/DatePickerControl.tsx

@@ -0,0 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { renderErrorText } from '../Input/renderErrorText';
+import { DatePicker } from './DatePicker';
+
+export interface DatePickerControlProps {
+  className?: string;
+  label: string;
+  value?: Date;
+  error?: string;
+  errors?: string[];
+  onChange?: (value: Date) => void;
+}
+
+export const DatePickerControl = JSX<DatePickerControlProps>(
+  ({ className, label, error, ...rest }) => (
+    <div className={style('shrink-0 w-full', className)}>
+      <DatePicker
+        label={label && rest?.errors ? `${label}*` : label}
+        valid={Boolean(!error)}
+        {...rest}
+      />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

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

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style';
-import { Text } from '../Text/Text';
 import { type InputProps } from './InputProps';
+import { renderLabel } from './renderLabel';
 
 export const Input = JSX<InputProps>(
   ({
@@ -42,8 +42,8 @@ export const Input = JSX<InputProps>(
 
     return (
       <div className={style('relative', className)}>
-        <label>
-          {label ? renderLabel(label) : null}
+        <label className="space-y-xs">
+          {renderLabel(label)}
           {isTextarea ? (
             <textarea
               className={style('block resize-y min-h-24', defaultStyle, validStyle)}
@@ -79,14 +79,6 @@ export const Input = JSX<InputProps>(
   },
 );
 
-const renderLabel = (label: string) => (
-  <div className="mb-xs">
-    <Text size="text-m" font="font-light">
-      {label}
-    </Text>
-  </div>
-);
-
 const getValidStyle = (valid: boolean) =>
   valid
     ? 'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text'

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

@@ -1,7 +1,7 @@
 import { Text } from '../Text/Text';
 
 export const renderErrorText = (error: string | undefined) => (
-  <div className="h-4">
+  <div className="h-6">
     {error ? (
       <Text size="text-xs" font="font-light" color="text-error">
         {error}

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

@@ -0,0 +1,8 @@
+import { Text } from '../Text/Text';
+
+export const renderLabel = (label?: string) =>
+  label ? (
+    <Text size="text-m" color="text-primary-text" font="font-light">
+      {label}
+    </Text>
+  ) : null;

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

@@ -6,7 +6,7 @@ import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
-import { Text } from '../Text/Text';
+import { renderLabel } from '../Input/renderLabel';
 import { formatOption } from './formatOption';
 import { type Option } from './Option';
 import { useSelectPopup } from './useSelectPopup';
@@ -21,9 +21,11 @@ export type SelectProps = LabelProps & {
   isSearch?: boolean;
   onChange?: (value: Option) => void;
   iconVersion?: IconVersion;
+  disabled?: boolean;
 };
 
 export const Select = JSX<SelectProps>(
+  // eslint-disable-next-line complexity
   ({
     className,
     label,
@@ -35,9 +37,12 @@ export const Select = JSX<SelectProps>(
     isSearch = false,
     iconVersion,
     onChange,
+    disabled,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const [query, setQuery] = useState('');
+    const isDisabled = disabled || options.length === 0;
+    const hasOpen = isOpen && !isDisabled;
 
     const handleClose = useCallback(() => {
       setQuery('');
@@ -55,22 +60,22 @@ export const Select = JSX<SelectProps>(
     });
 
     return (
-      <div className={className}>
+      <div className={style('space-y-xs', className)}>
         {renderLabel(label)}
-        <div className={style('relative', isOpen ? 'z-20' : 'z-10')} ref={inputRef}>
+        <div className={style('relative', hasOpen ? 'z-20' : 'z-10')} ref={inputRef}>
           <div
             className={style(
-              'h-14 text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
-              getBorderStyle(isBorder, valid),
+              'h-14 text-l flex justify-between items-center text-primary-text relative z-10',
+              getStyle(isBorder, valid, isDisabled),
             )}
-            onClick={isOpen ? handleClose : open}
+            onClick={hasOpen ? handleClose : open}
           >
             <p className="p-m pr-8 flex items-center overflow-hidden text-ellipsis">
               {formatOption(value) || placeholder}
             </p>
-            {renderIcon(isOpen, iconVersion)}
+            {renderIcon(hasOpen, iconVersion)}
           </div>
-          {isSearch && isOpen ? (
+          {isSearch && hasOpen ? (
             <div className={style('absolute top-0 w-full z-20')}>
               <Input type="text" autoFocus value={query} onChange={setQuery} />
             </div>
@@ -81,15 +86,6 @@ export const Select = JSX<SelectProps>(
   },
 );
 
-const renderLabel = (label?: string) =>
-  label ? (
-    <div className="mb-xs">
-      <Text size="text-m" color="text-primary-text" font="font-light">
-        {label}
-      </Text>
-    </div>
-  ) : null;
-
 const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
   <Icon
     className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
@@ -100,8 +96,10 @@ const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
   />
 );
 
-const getBorderStyle = (isBorder: boolean, valid: boolean) =>
+const getStyle = (isBorder: boolean, valid: boolean, disabled: boolean) =>
   style(
-    isBorder ? 'border rounded-md hover:border-primary-hover' : '',
-    valid ? ' border-gray' : 'border-error',
+    isBorder ? 'border rounded-md ' : '',
+    isBorder && !disabled ? 'hover:border-primary-hover' : '',
+    disabled ? 'bg-main-divider' : 'cursor-pointer ',
+    valid ? 'border-gray' : 'border-error',
   );

package/src/{components/ApplicationForm → ui-kit/Select}/SelectControl.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { Select, type SelectProps } from '../../ui-kit/Select/Select';
+import { renderErrorText } from '../Input/renderErrorText';
+import { Select, type SelectProps } from './Select';
 
 interface SelectControlProps extends SelectProps {
   label?: string;

package/bundle/components/ApplicationForm/ApplicationFormBusinessCard.d.ts

@@ -1,11 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-export interface BusinessCardFormState {
-    typeForm: Option;
-    region?: Option;
-    name: string;
-    phone: string;
-    inn: string;
-    email: string;
-}
-export declare const ApplicationFormBusinessCard: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/bundle/components/ApplicationForm/ApplicationFormSelfCollection.d.ts

@@ -1,10 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-export declare type SelfCollectionFormState = {
-    typeForm: Option;
-    fullName: string;
-    region?: Option;
-    phone: string;
-    consentDataProcessing: boolean;
-};
-export declare const ApplicationFormSelfCollection: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/bundle/components/ApplicationFormCustom/columnStyle.d.ts

@@ -1,2 +0,0 @@
-import { type FormColumnsCount } from './ApplicationFormCustomContent';
-export declare const columnStyle: Record<FormColumnsCount, string>;

package/dist/components/ApplicationForm/ApplicationFormBusinessCard.d.ts

@@ -1,11 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-export interface BusinessCardFormState {
-    typeForm: Option;
-    region?: Option;
-    name: string;
-    phone: string;
-    inn: string;
-    email: string;
-}
-export declare const ApplicationFormBusinessCard: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormBusinessCard.js

@@ -1,40 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplicationFormBusinessCard = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const useForm_1 = require("../../hooks/useForm");
-const InputControl_1 = require("../../ui-kit/Input/InputControl");
-const objectValidator_1 = require("../../validation/objectValidator");
-const validator_1 = require("../../validation/validator");
-const withValidator_1 = require("../../validation/withValidator");
-const ApplicationFieldsetLayout_1 = require("./ApplicationFieldsetLayout");
-const Footnote_1 = require("./Footnote");
-const formStyle_1 = require("./formStyle");
-const PhoneInputControl_1 = require("./PhoneInputControl");
-const RegionField_1 = require("./RegionField");
-const renderSubmitButton_1 = require("./renderSubmitButton");
-const validators_1 = require("./validators");
-const initialFormState = {
-    typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
-    name: '',
-    phone: '',
-    inn: '',
-    email: '',
-};
-const businessCardValidator = (0, objectValidator_1.objectValidator)({
-    region: validators_1.defaultValidator,
-    name: validators_1.nameValidator,
-    phone: validators_1.phoneValidator,
-    inn: validators_1.innValidator,
-    email: validators_1.defaultValidator,
-});
-exports.ApplicationFormBusinessCard = (0, uni_jsx_1.JSX)((props) => {
-    const { button, link, onSubmit } = props;
-    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
-        (0, validator_1.isValidationSuccess)(businessCardValidator(formState)) && onSubmit(formState);
-    }, [onSubmit]);
-    const [, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, { onSubmit: handleSubmit });
-    return ((0, jsx_runtime_1.jsxs)("form", { className: formStyle_1.formStyle, onSubmit: formProps.onSubmit, children: [(0, jsx_runtime_1.jsx)(RegionField_1.RegionField, { field: field }), (0, jsx_runtime_1.jsxs)(ApplicationFieldsetLayout_1.ApplicationFieldsetLayout, { children: [(0, jsx_runtime_1.jsxs)("div", { className: ApplicationFieldsetLayout_1.formChildrenStyle, children: [(0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...(0, withValidator_1.withValidator)(field('name'), validators_1.nameValidator) }), (0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { label: "\u0418\u041D\u041D", ...(0, withValidator_1.withValidator)(field('inn'), validators_1.innValidator) })] }), (0, jsx_runtime_1.jsxs)("div", { className: ApplicationFieldsetLayout_1.formChildrenStyle, children: [(0, jsx_runtime_1.jsx)(PhoneInputControl_1.PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...(0, withValidator_1.withValidator)(field('phone'), validators_1.phoneValidator) }), (0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...(0, withValidator_1.withValidator)(field('email'), validators_1.defaultValidator) })] })] }), (0, renderSubmitButton_1.renderSubmitButton)(button), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
-});
-//# sourceMappingURL=ApplicationFormBusinessCard.js.map

package/dist/components/ApplicationForm/ApplicationFormBusinessCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationFormBusinessCard.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormBusinessCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAC9C,kEAA+D;AAE/D,sEAAmE;AACnE,0DAAiE;AACjE,kEAA+D;AAC/D,2EAA2F;AAE3F,yCAAsC;AACtC,2CAAwC;AACxC,2DAAwD;AACxD,+CAA4C;AAC5C,6DAA0D;AAC1D,6CAA6F;AAW7F,MAAM,gBAAgB,GAA0B;IAC9C,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,wBAAwB,EAAE;IACzD,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,iCAAe,EAAC;IAC5C,MAAM,EAAE,6BAAgB;IACxB,IAAI,EAAE,0BAAa;IACnB,KAAK,EAAE,2BAAc;IACrB,GAAG,EAAE,yBAAY;IACjB,KAAK,EAAE,6BAAgB;CACxB,CAAC,CAAC;AAEU,QAAA,2BAA2B,GAAG,IAAA,aAAG,EAAwB,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAAgC,EAAE,EAAE;QACnC,IAAA,+BAAmB,EAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC/E,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC;IAE1F,OAAO,CACL,kCAAM,SAAS,EAAE,qBAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,aACtD,uBAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,GAAI,EAC7B,wBAAC,qDAAyB,eACxB,iCAAK,SAAS,EAAE,6CAAiB,aAC/B,uBAAC,2BAAY,IAAC,KAAK,EAAC,uFAAiB,KAAK,IAAA,6BAAa,EAAC,KAAK,CAAC,MAAM,CAAC,EAAE,0BAAa,CAAC,GAAI,EACzF,uBAAC,2BAAY,IAAC,KAAK,EAAC,oBAAK,KAAK,IAAA,6BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE,yBAAY,CAAC,GAAI,IACvE,EACN,iCAAK,SAAS,EAAE,6CAAiB,aAC/B,uBAAC,qCAAiB,IAAC,KAAK,EAAC,4CAAS,KAAK,IAAA,6BAAa,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,2BAAc,CAAC,GAAI,EACxF,uBAAC,2BAAY,IACX,KAAK,EAAC,mGAAmB,KACrB,IAAA,6BAAa,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,6BAAgB,CAAC,GACnD,IACE,IACoB,EAC3B,IAAA,uCAAkB,EAAC,MAAM,CAAC,EAC3B,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/ApplicationForm/ApplicationFormSelfCollection.d.ts

@@ -1,10 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-export declare type SelfCollectionFormState = {
-    typeForm: Option;
-    fullName: string;
-    region?: Option;
-    phone: string;
-    consentDataProcessing: boolean;
-};
-export declare const ApplicationFormSelfCollection: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormSelfCollection.js

@@ -1,37 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplicationFormSelfCollection = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const useForm_1 = require("../../hooks/useForm");
-const InputControl_1 = require("../../ui-kit/Input/InputControl");
-const objectValidator_1 = require("../../validation/objectValidator");
-const validator_1 = require("../../validation/validator");
-const withValidator_1 = require("../../validation/withValidator");
-const ApplicationFieldsetLayout_1 = require("./ApplicationFieldsetLayout");
-const formStyle_1 = require("./formStyle");
-const PhoneInputControl_1 = require("./PhoneInputControl");
-const RegionField_1 = require("./RegionField");
-const renderAgreementSubmit_1 = require("./renderAgreementSubmit");
-const validators_1 = require("./validators");
-const initialFormState = {
-    typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' },
-    fullName: '',
-    phone: '',
-    consentDataProcessing: false,
-};
-const feedbackValidator = (0, objectValidator_1.objectValidator)({
-    typeForm: validators_1.defaultValidator,
-    region: validators_1.defaultValidator,
-    fullName: validators_1.defaultValidator,
-    phone: validators_1.phoneValidator,
-    consentDataProcessing: validators_1.checkboxValidator,
-});
-exports.ApplicationFormSelfCollection = (0, uni_jsx_1.JSX)(({ button, link, onSubmit }) => {
-    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
-        (0, validator_1.isValidationSuccess)(feedbackValidator(formState)) && onSubmit(formState, false);
-    }, [onSubmit]);
-    const [, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, { onSubmit: handleSubmit });
-    return ((0, jsx_runtime_1.jsx)("form", { className: formStyle_1.formStyle, onSubmit: formProps.onSubmit, children: (0, jsx_runtime_1.jsx)(ApplicationFieldsetLayout_1.ApplicationFieldsetLayout, { children: (0, jsx_runtime_1.jsxs)("div", { className: formStyle_1.oneColumnFormStyle, children: [(0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { label: "\u0424\u0418\u041E", ...(0, withValidator_1.withValidator)(field('fullName'), validators_1.defaultValidator) }), (0, jsx_runtime_1.jsx)(RegionField_1.RegionField, { field: field }), (0, jsx_runtime_1.jsx)(PhoneInputControl_1.PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...(0, withValidator_1.withValidator)(field('phone'), validators_1.phoneValidator) }), (0, renderAgreementSubmit_1.renderAgreementSubmit)(field('consentDataProcessing'), link, button)] }) }) }));
-});
-//# sourceMappingURL=ApplicationFormSelfCollection.js.map