@redneckz/wildless-cms-uni-blocks 0.10.5 → 0.10.7

package/bundle/ui-kit/InputRange/renderRangeWithTicks.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface RangeWithTicksProps {
+    list: number[];
+    min: number;
+    max: number;
+    step: number;
+    disabled?: boolean;
+    value?: number;
+    onChange?: (value: number) => void;
+}
+export declare function renderRangeWithTicks({ list, min, max, step, value, disabled, onChange, }: RangeWithTicksProps): JSX.Element;
+export {};

package/bundle/ui-kit/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,2 @@
+import type { InputProps } from '../Input/InputProps';
+export declare const PhoneInput: import("@redneckz/uni-jsx").UNIComponent<InputProps, any, any>;

package/bundle/ui-kit/PhoneInput/normalizePhone.d.ts

@@ -0,0 +1 @@
+export declare function normalizePhone(phone: string): string;

package/bundle/ui-kit/Select/Select.d.ts

@@ -1,16 +1,15 @@
 import { LabelProps } from '../../model/HeadlineType';
-export interface OptionProps {
+export interface Option {
     key: string;
-    text: string;
+    text?: string;
 }
 export declare type SelectProps = LabelProps & {
     className?: string;
-    value?: OptionProps;
-    onChange: (value: OptionProps) => void;
-    options: OptionProps[];
+    options?: Option[];
+    value?: Option;
+    valid?: boolean;
     isBorder?: boolean;
     placeholder?: string;
-    valid?: boolean;
-    onValidate?: (value: string) => void;
+    onChange?: (value: Option) => void;
 };
 export declare const Select: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;

package/bundle/validation/and.d.ts

@@ -0,0 +1,2 @@
+import { Validator } from './validator';
+export declare const and: (...validators: Validator[]) => Validator;

package/bundle/validation/objectValidator.d.ts

@@ -0,0 +1,2 @@
+import { ValidationInfo, Validator } from './validator';
+export declare const objectValidator: <VMap extends Record<string, Validator<any>>>(validatorsMap: VMap) => <O extends Partial<{ [P in keyof VMap]: Parameters<VMap[P]>[0]; }>>(o: O) => ValidationInfo;

package/bundle/validation/pattern.d.ts

@@ -0,0 +1 @@
+export declare const pattern: (regexp: RegExp) => (message: string) => import("./validator").Validator<any>;

package/bundle/validation/required.d.ts

@@ -0,0 +1 @@
+export declare const required: (message: string) => import("./validator").Validator<any>;

package/bundle/validation/validator.d.ts

@@ -0,0 +1,10 @@
+declare type ValidationMessage = string;
+declare type ValidationSuccess = [];
+declare type ValidationErr = [ValidationMessage, ...ValidationMessage[]];
+export declare type ValidationInfo = ValidationSuccess | ValidationErr;
+export declare type Validator<T = any> = (_: T) => ValidationInfo;
+export declare const isValidationSuccess: (info: ValidationInfo) => info is [];
+export declare const isValidationErr: (info: ValidationInfo) => info is ValidationErr;
+declare type Predicate<T = any> = (_: T) => boolean;
+export declare const validator: <T = any>(predicate: Predicate<T>) => (message: string) => Validator<T>;
+export {};

package/bundle/validation/withValidator.d.ts

@@ -0,0 +1,10 @@
+import { ValidationInfo, Validator } from './validator';
+interface FieldProps<V> {
+    value?: V;
+    isDirty?: boolean;
+}
+export declare const withValidator: <V, P extends FieldProps<V> = FieldProps<V>>(props: P, validator: Validator<V | undefined>) => P & {
+    errors?: ValidationInfo | undefined;
+    error?: ValidationInfo[0];
+};
+export {};

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

@@ -0,0 +1,11 @@
+import type { Option } from '../../ui-kit/Select/Select';
+export interface AcquiringFormState {
+    acquiringType?: Option;
+    region?: Option;
+    fullName: string;
+    inn: string;
+    name: string;
+    phone: string;
+    onlineCheckout: boolean;
+    posTerminal: boolean;
+}

package/dist/{ui-kit/InputListRange/InputListRangeProps.js → components/ApplicationForm/AcquiringFormState.js}

@@ -1,2 +1,2 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=InputListRangeProps.js.map
+//# sourceMappingURL=AcquiringFormState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AcquiringFormState.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/AcquiringFormState.ts"],"names":[],"mappings":""}

package/dist/components/ApplicationForm/ApplicationForm.js

@@ -6,6 +6,7 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const CorporateLeadAPI_1 = require("../../api/CorporateLeadAPI");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
+const style_1 = require("../../utils/style");
 const ApplicationFormAcquiring_1 = require("./ApplicationFormAcquiring");
 const ApplicationFormBusinessCard_1 = require("./ApplicationFormBusinessCard");
 const ApplicationFormCredit_1 = require("./ApplicationFormCredit");
@@ -21,13 +22,13 @@ const COMPONENTS_MAP = {
 };
 const API = (0, CorporateLeadAPI_1.CorporateLeadAPI)();
 exports.ApplicationForm = (0, uni_jsx_1.JSX)((props) => {
-    const { className = '', title, typeForm = 'credit', button, link, ...rest } = props;
-    const [responceType, setResponseType] = (0, hooks_1.useState)('');
+    const { className, title, typeForm = 'credit', button, link, ...rest } = props;
+    const [responseType, setResponseType] = (0, hooks_1.useState)('');
     const handleSubmit = (0, hooks_1.useCallback)(async (data) => {
         const status = (await API.send(data)) ? 'OK' : 'Fail';
         setResponseType(status);
         return status;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `font-sans bg-white p-[50px] pb-9 ${className}`, ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "container max-w-[978px]", children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", title: title, className: "text-center mb-8" }) : null, COMPONENTS_MAP[typeForm]({ button, link, handleSubmit }), responceType ? (0, jsx_runtime_1.jsx)(ResponseNotification_1.ResponseNotification, { responceType: responceType }) : null] }) }));
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('font-sans bg-white p-default pb-9', className), ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "container max-w-[978px]", children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", title: title, className: "text-center mb-8" }) : null, COMPONENTS_MAP[typeForm]({ button, link, onSubmit: handleSubmit }), responseType ? (0, jsx_runtime_1.jsx)(ResponseNotification_1.ResponseNotification, { responseType: responseType }) : null] }) }));
 });
 //# sourceMappingURL=ApplicationForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationForm.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationForm.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,iEAA8D;AAE9D,4DAAyD;AACzD,0DAAuD;AACvD,yEAAsE;AACtE,+EAA4E;AAE5E,mEAAgE;AAChE,qEAAkE;AAElE,6DAA0D;AAC1D,iEAA8D;AAI9D,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,6CAAqB,OAAK,KAAK,GAAI;IAC9E,SAAS,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,mDAAwB,OAAK,KAAK,GAAI;IACpF,eAAe,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,yDAA2B,OAAK,KAAK,GAAI;IAC7F,OAAO,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,+CAAsB,OAAK,KAAK,GAAI;IAChF,GAAG,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,uCAAkB,OAAK,KAAK,GAAI;CACzE,CAAC;AAEF,MAAM,GAAG,GAAG,IAAA,mCAAgB,GAAE,CAAC;AAElB,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAG,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,IAA4B,EAAE,EAAE;QACtE,MAAM,MAAM,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACtD,eAAe,CAAC,MAAM,CAAC,CAAC;QAExB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,oCAAoC,SAAS,EAAE,KAAM,IAAI,YAChF,iCAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,EACtF,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EACxD,YAAY,CAAC,CAAC,CAAC,uBAAC,2CAAoB,IAAC,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,IACvE,GACO,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ApplicationForm.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationForm.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,iEAA8D;AAE9D,4DAAyD;AACzD,0DAAuD;AACvD,6CAA0C;AAC1C,yEAAsE;AACtE,+EAA4E;AAE5E,mEAAgE;AAChE,qEAAkE;AAElE,6DAA0D;AAC1D,iEAA8D;AAI9D,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,6CAAqB,OAAK,KAAK,GAAI;IAC9E,SAAS,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,mDAAwB,OAAK,KAAK,GAAI;IACpF,eAAe,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,yDAA2B,OAAK,KAAK,GAAI;IAC7F,OAAO,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,+CAAsB,OAAK,KAAK,GAAI;IAChF,GAAG,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,uBAAC,uCAAkB,OAAK,KAAK,GAAI;CACzE,CAAC;AAEF,MAAM,GAAG,GAAG,IAAA,mCAAgB,GAAE,CAAC;AAElB,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqB,EAAE,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,IAA4B,EAAE,EAAE;QACtE,MAAM,MAAM,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACtD,eAAe,CAAC,MAAM,CAAC,CAAC;QAExB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,mCAAmC,EAAE,SAAS,CAAC,KAAM,IAAI,YACtF,iCAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,EACtF,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAClE,YAAY,CAAC,CAAC,CAAC,uBAAC,2CAAoB,IAAC,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,IACvE,GACO,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,12 +1,2 @@
 import type { ApplicationFormsProps } from './ApplicationFormsProps';
-export interface AcquiringFormState {
-    acquiringType: string;
-    region: string;
-    fullName: string;
-    inn: string;
-    name: string;
-    phone: string;
-    onlineСheckout: boolean;
-    posTerminal: boolean;
-}
-export declare const ApplicationFormAcquiring: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps, any, any>;
+export declare const ApplicationFormAcquiring: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormAcquiring.js

@@ -2,72 +2,52 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApplicationFormAcquiring = 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 Heading_1 = require("../../ui-kit/Heading/Heading");
+const objectValidator_1 = require("../../validation/objectValidator");
+const validator_1 = require("../../validation/validator");
 const useGetRegions_1 = require("../SafeDepositRental/useGetRegions");
 const Footnote_1 = require("./Footnote");
 const renderAcquiringDataOrganization_1 = require("./renderAcquiringDataOrganization");
 const renderAcquiringRegion_1 = require("./renderAcquiringRegion");
 const renderSlideCheckboxes_1 = require("./renderSlideCheckboxes");
 const renderSubmitButton_1 = require("./renderSubmitButton");
-const useForm_1 = require("./useForm");
+const validators_1 = require("./validators");
 const initialFormState = {
-    acquiringType: 'Торговый эквайринг',
-    region: '',
+    acquiringType: { key: 'Торговый эквайринг' },
     fullName: '',
     inn: '',
     name: '',
     phone: '',
-    onlineСheckout: false,
+    onlineCheckout: false,
     posTerminal: false,
 };
-const errorsInitialState = {
-    acquiringType: '',
-    region: '',
-    fullName: '',
-    inn: '',
-    name: '',
-    phone: '',
-};
+const acquiringValidator = (0, objectValidator_1.objectValidator)({
+    acquiringType: validators_1.defaultValidator,
+    region: validators_1.defaultValidator,
+    fullName: validators_1.defaultValidator,
+    inn: validators_1.innValidator,
+    name: validators_1.nameValidator,
+    phone: validators_1.phoneValidator,
+});
 exports.ApplicationFormAcquiring = (0, uni_jsx_1.JSX)((props) => {
-    const { button, link, handleSubmit } = props;
-    const { formState, errors, handleChange, handleChangeErrors, sendForm } = (0, useForm_1.useForm)({
-        initialFormState,
-        errorsInitialState,
-        handleSubmit,
-    });
-    const { acquiringType, region, fullName, inn, name, phone, onlineСheckout, posTerminal } = formState;
-    const regions = (0, useGetRegions_1.useGetRegions)();
-    const onSubmit = (e) => {
-        e.preventDefault();
-        sendForm({
-            typeForm: 'acqr',
-            region: regions.find((_) => _.code === region)?.name || '',
-            partnerComments: `Вид эквайринга=${acquiringType}/Онлайн касса=${onlineСheckout}/POS-терминал=${posTerminal}`,
-            fullName,
-            inn,
-            name,
-            phone,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: "container", children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430 \u0438 \u0440\u0435\u0433\u0438\u043E\u043D", className: "text-center mb-4" }), (0, renderAcquiringRegion_1.renderAcquiringRegion)({
-                acquiringType,
-                regions,
-                region,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), (0, renderAcquiringDataOrganization_1.renderAcquiringDataOrganization)({
+    const { button, link, onSubmit } = props;
+    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
+        const { acquiringType, region, fullName, inn, name, phone, onlineCheckout, posTerminal } = formState;
+        (0, validator_1.isValidationSuccess)(acquiringValidator(formState)) &&
+            onSubmit({
+                typeForm: 'acqr',
+                region: region?.text || '',
+                partnerComments: `Вид эквайринга=${acquiringType?.key || ''}/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`,
                 fullName,
                 inn,
                 name,
                 phone,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, renderSlideCheckboxes_1.renderSlideCheckboxes)({
-                onlineСheckout,
-                posTerminal,
-                handleChange,
-            }), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
+            });
+    }, [onSubmit]);
+    const [, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, handleSubmit);
+    const regions = (0, useGetRegions_1.useGetRegions)();
+    return ((0, jsx_runtime_1.jsxs)("form", { className: "container", onSubmit: formProps.onSubmit, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430 \u0438 \u0440\u0435\u0433\u0438\u043E\u043D", className: "text-center mb-4" }), (0, renderAcquiringRegion_1.renderAcquiringRegion)({ regions, field }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), (0, renderAcquiringDataOrganization_1.renderAcquiringDataOrganization)(field), (0, renderSlideCheckboxes_1.renderSlideCheckboxes)(field), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
 });
 //# sourceMappingURL=ApplicationFormAcquiring.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormAcquiring.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormAcquiring.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0DAAuD;AAEvD,sEAAmE;AAEnE,yCAAsC;AACtC,uFAAoF;AACpF,mEAAgE;AAChE,mEAAgE;AAChE,6DAA0D;AAC1D,uCAAoC;AAapC,MAAM,gBAAgB,GAAG;IACvB,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;CACV,CAAC;AAEW,QAAA,wBAAwB,GAAG,IAAA,aAAG,EAAwB,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GACrE,IAAA,iBAAO,EAAqB;QAC1B,gBAAgB;QAChB,kBAAkB;QAClB,YAAY;KACb,CAAC,CAAC;IAEL,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,GACtF,SAAS,CAAC;IAEZ,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,QAAQ,CAAC;YACP,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,IAAI,IAAI,EAAE;YAC1D,eAAe,EAAE,kBAAkB,aAAa,iBAAiB,cAAc,iBAAiB,WAAW,EAAE;YAC7G,QAAQ;YACR,GAAG;YACH,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,kCAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC7C,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,6HAAyB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACxF,IAAA,6CAAqB,EAAC;gBACrB,aAAa;gBACb,OAAO;gBACP,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACF,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,yGAAoB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnF,IAAA,iEAA+B,EAAC;gBAC/B,QAAQ;gBACR,GAAG;gBACH,IAAI;gBACJ,KAAK;gBACL,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACD,IAAA,6CAAqB,EAAC;gBACrB,cAAc;gBACd,WAAW;gBACX,YAAY;aACb,CAAC,EACD,IAAA,uCAAkB,EAAC,MAAM,EAAE,MAAM,CAAC,EACnC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ApplicationFormAcquiring.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormAcquiring.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAC9C,0DAAuD;AACvD,sEAAmE;AACnE,0DAAiE;AACjE,sEAAmE;AAGnE,yCAAsC;AACtC,uFAAoF;AACpF,mEAAgE;AAChE,mEAAgE;AAChE,6DAA0D;AAC1D,6CAA6F;AAE7F,MAAM,gBAAgB,GAAuB;IAC3C,aAAa,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE;IAC5C,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAA,iCAAe,EAAC;IACzC,aAAa,EAAE,6BAAgB;IAC/B,MAAM,EAAE,6BAAgB;IACxB,QAAQ,EAAE,6BAAgB;IAC1B,GAAG,EAAE,yBAAY;IACjB,IAAI,EAAE,0BAAa;IACnB,KAAK,EAAE,2BAAc;CACtB,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,aAAG,EAAwB,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAA6B,EAAE,EAAE;QAChC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,GACtF,SAAS,CAAC;QAEZ,IAAA,+BAAmB,EAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAChD,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM;gBAChB,MAAM,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE;gBAC1B,eAAe,EAAE,kBACf,aAAa,EAAE,GAAG,IAAI,EACxB,iBAAiB,cAAc,iBAAiB,WAAW,EAAE;gBAC7D,QAAQ;gBACR,GAAG;gBACH,IAAI;gBACJ,KAAK;aACN,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEhC,OAAO,CACL,kCAAM,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,aACtD,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,6HAAyB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACxF,IAAA,6CAAqB,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAC1C,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,yGAAoB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnF,IAAA,iEAA+B,EAAC,KAAK,CAAC,EACtC,IAAA,6CAAqB,EAAC,KAAK,CAAC,EAC5B,IAAA,uCAAkB,EAAC,MAAM,EAAE,MAAM,CAAC,EACnC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,9 +1,2 @@
 import type { ApplicationFormsProps } from './ApplicationFormsProps';
-export interface BusinessCardFormState {
-    region: string;
-    name: string;
-    phone: string;
-    inn: string;
-    mail: string;
-}
-export declare const ApplicationFormBusinessCard: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps, any, any>;
+export declare const ApplicationFormBusinessCard: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormBusinessCard.js

@@ -2,53 +2,45 @@ 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 objectValidator_1 = require("../../validation/objectValidator");
+const validator_1 = require("../../validation/validator");
 const useGetRegions_1 = require("../SafeDepositRental/useGetRegions");
 const Footnote_1 = require("./Footnote");
 const renderBusinessCardDataOrganization_1 = require("./renderBusinessCardDataOrganization");
 const renderRegion_1 = require("./renderRegion");
 const renderSubmitButton_1 = require("./renderSubmitButton");
-const useForm_1 = require("./useForm");
+const validators_1 = require("./validators");
 const initialFormState = {
-    region: '',
     name: '',
     phone: '',
     inn: '',
     mail: '',
 };
+const businessCardValidator = (0, objectValidator_1.objectValidator)({
+    region: validators_1.defaultValidator,
+    name: validators_1.nameValidator,
+    phone: validators_1.phoneValidator,
+    inn: validators_1.innValidator,
+    mail: validators_1.defaultValidator,
+});
 exports.ApplicationFormBusinessCard = (0, uni_jsx_1.JSX)((props) => {
-    const { button, link, handleSubmit } = props;
-    const { formState, errors, handleChange, handleChangeErrors, sendForm } = (0, useForm_1.useForm)({
-        initialFormState,
-        errorsInitialState: initialFormState,
-        handleSubmit,
-    });
-    const { region, name, phone, inn, mail } = formState;
-    const regions = (0, useGetRegions_1.useGetRegions)();
-    const onSubmit = (e) => {
-        e.preventDefault();
-        sendForm({
-            typeForm: 'bcrd',
-            region: regions.find((_) => _.code === region)?.name || '',
-            name,
-            phone,
-            inn,
-            mail,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: "container", children: [(0, renderRegion_1.renderRegion)({
-                regions,
-                region,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, renderBusinessCardDataOrganization_1.renderBusinessCardDataOrganization)({
+    const { button, link, onSubmit } = props;
+    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
+        const { region, name, phone, inn, mail } = formState;
+        (0, validator_1.isValidationSuccess)(businessCardValidator(formState)) &&
+            onSubmit({
+                typeForm: 'bcrd',
+                region: region?.text || '',
                 name,
                 phone,
                 inn,
                 mail,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
+            });
+    }, [onSubmit]);
+    const [, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, handleSubmit);
+    const regions = (0, useGetRegions_1.useGetRegions)();
+    return ((0, jsx_runtime_1.jsxs)("form", { className: "container", onSubmit: formProps.onSubmit, children: [(0, renderRegion_1.renderRegion)({ regions, field }), (0, renderBusinessCardDataOrganization_1.renderBusinessCardDataOrganization)(field), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
 });
 //# sourceMappingURL=ApplicationFormBusinessCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormBusinessCard.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormBusinessCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,sEAAmE;AAEnE,yCAAsC;AACtC,6FAA0F;AAC1F,iDAA8C;AAC9C,6DAA0D;AAC1D,uCAAoC;AAUpC,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,2BAA2B,GAAG,IAAA,aAAG,EAAwB,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GACrE,IAAA,iBAAO,EAAwB;QAC7B,gBAAgB;QAChB,kBAAkB,EAAE,gBAAgB;QACpC,YAAY;KACb,CAAC,CAAC;IAEL,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAErD,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,QAAQ,CAAC;YACP,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,IAAI,IAAI,EAAE;YAC1D,IAAI;YACJ,KAAK;YACL,GAAG;YACH,IAAI;SACL,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,kCAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC5C,IAAA,2BAAY,EAAC;gBACZ,OAAO;gBACP,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACD,IAAA,uEAAkC,EAAC;gBAClC,IAAI;gBACJ,KAAK;gBACL,GAAG;gBACH,IAAI;gBACJ,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACD,IAAA,uCAAkB,EAAC,MAAM,EAAE,MAAM,CAAC,EACnC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ApplicationFormBusinessCard.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormBusinessCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAC9C,sEAAmE;AACnE,0DAAiE;AACjE,sEAAmE;AAGnE,yCAAsC;AACtC,6FAA0F;AAC1F,iDAA8C;AAC9C,6DAA0D;AAC1D,6CAA6F;AAE7F,MAAM,gBAAgB,GAA0B;IAC9C,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,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,IAAI,EAAE,6BAAgB;CACvB,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,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;QAErD,IAAA,+BAAmB,EAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM;gBAChB,MAAM,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE;gBAC1B,IAAI;gBACJ,KAAK;gBACL,GAAG;gBACH,IAAI;aACL,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEhC,OAAO,CACL,kCAAM,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,aACrD,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAChC,IAAA,uEAAkC,EAAC,KAAK,CAAC,EACzC,IAAA,uCAAkB,EAAC,MAAM,EAAE,MAAM,CAAC,EACnC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,14 +1,2 @@
 import type { ApplicationFormsProps } from './ApplicationFormsProps';
-export interface CreditFormState {
-    amount: number;
-    term: number;
-    fullName: string;
-    inn: string;
-    name: string;
-    phone: string;
-    mail: string;
-    region: string;
-    department: string;
-    annualRevenue: string;
-}
-export declare const ApplicationFormCredit: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps, any, any>;
+export declare const ApplicationFormCredit: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormCredit.js

@@ -2,8 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApplicationFormCredit = 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 useBranches_1 = require("../../hooks/useBranches");
+const useForm_1 = require("../../hooks/useForm");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
+const objectValidator_1 = require("../../validation/objectValidator");
+const validator_1 = require("../../validation/validator");
 const useGetRegions_1 = require("../SafeDepositRental/useGetRegions");
 const CreditParameters_1 = require("./CreditParameters");
 const Footnote_1 = require("./Footnote");
@@ -11,7 +15,7 @@ const renderCreditDataOrganization_1 = require("./renderCreditDataOrganization")
 const renderCreditParameters_1 = require("./renderCreditParameters");
 const renderRegionDepartment_1 = require("./renderRegionDepartment");
 const renderSubmitButton_1 = require("./renderSubmitButton");
-const useForm_1 = require("./useForm");
+const validators_1 = require("./validators");
 const initialFormState = {
     amount: CreditParameters_1.MIN_CREDIT_AMOUNT,
     term: 12,
@@ -20,59 +24,35 @@ const initialFormState = {
     name: '',
     phone: '',
     mail: '',
-    region: '',
-    department: '',
     annualRevenue: '',
 };
-const errorsInitialState = {
-    annualRevenue: '',
-    inn: '',
-    name: '',
-    phone: '',
-    region: '',
-    department: '',
-};
-exports.ApplicationFormCredit = (0, uni_jsx_1.JSX)(({ button, link, handleSubmit }) => {
-    const regions = (0, useGetRegions_1.useGetRegions)();
-    const { formState, errors, handleChange, handleChangeErrors, sendForm } = (0, useForm_1.useForm)({
-        initialFormState,
-        errorsInitialState,
-        handleSubmit,
-    });
-    const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } = formState;
-    const branches = (0, useBranches_1.useBranches)(region).filter((branch) => branch.address);
-    const onSubmit = (e) => {
-        e.preventDefault();
-        sendForm({
-            typeForm: 'cred',
-            fullName,
-            inn,
-            name,
-            phone,
-            mail,
-            region: regions.find((_) => _.code === region)?.name || '',
-            department: branches.find((_) => _.branchCode === department)?.address || '',
-            partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: "container", children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u043A\u0440\u0435\u0434\u0438\u0442\u0430", className: "text-center mb-4" }), (0, renderCreditParameters_1.renderCreditParameters)({ amount, term, handleChange }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), (0, renderCreditDataOrganization_1.renderCreditDataOrganization)({
+const creditValidator = (0, objectValidator_1.objectValidator)({
+    annualRevenue: validators_1.defaultValidator,
+    inn: validators_1.innValidator,
+    name: validators_1.nameValidator,
+    phone: validators_1.phoneValidator,
+    region: validators_1.defaultValidator,
+    department: validators_1.defaultValidator,
+});
+exports.ApplicationFormCredit = (0, uni_jsx_1.JSX)(({ button, link, onSubmit }) => {
+    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
+        const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } = formState;
+        (0, validator_1.isValidationSuccess)(creditValidator(formState)) &&
+            onSubmit({
+                typeForm: 'cred',
                 fullName,
                 inn,
                 name,
                 phone,
                 mail,
-                annualRevenue,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), (0, renderRegionDepartment_1.renderRegionDepartment)({
-                regions,
-                region,
-                branches,
-                department,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
+                region: region?.text || '',
+                department: department?.text || '',
+                partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
+            });
+    }, [onSubmit]);
+    const [formState, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, handleSubmit);
+    const regions = (0, useGetRegions_1.useGetRegions)();
+    const branches = (0, useBranches_1.useBranches)(formState.region?.key).filter((branch) => branch?.address);
+    return ((0, jsx_runtime_1.jsxs)("form", { className: "container", onSubmit: formProps.onSubmit, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u043A\u0440\u0435\u0434\u0438\u0442\u0430", className: "text-center mb-4" }), (0, renderCreditParameters_1.renderCreditParameters)(field), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), (0, renderCreditDataOrganization_1.renderCreditDataOrganization)(field), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), (0, renderRegionDepartment_1.renderRegionDepartment)({ regions, branches, field }), (0, renderSubmitButton_1.renderSubmitButton)(button, 'mb-4'), (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link })] }));
 });
 //# sourceMappingURL=ApplicationFormCredit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormCredit.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormCredit.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApplicationFormCredit.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormCredit.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,yDAAsD;AACtD,iDAA8C;AAC9C,0DAAuD;AACvD,sEAAmE;AACnE,0DAAiE;AACjE,sEAAmE;AAGnE,yDAAuD;AACvD,yCAAsC;AACtC,iFAA8E;AAC9E,qEAAkE;AAClE,qEAAkE;AAClE,6DAA0D;AAC1D,6CAA6F;AAE7F,MAAM,gBAAgB,GAAoB;IACxC,MAAM,EAAE,oCAAiB;IACzB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,iCAAe,EAAC;IACtC,aAAa,EAAE,6BAAgB;IAC/B,GAAG,EAAE,yBAAY;IACjB,IAAI,EAAE,0BAAa;IACnB,KAAK,EAAE,2BAAc;IACrB,MAAM,EAAE,6BAAgB;IACxB,UAAU,EAAE,6BAAgB;CAC7B,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAA0B,EAAE,EAAE;QAC7B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GACzF,SAAS,CAAC;QAEZ,IAAA,+BAAmB,EAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7C,QAAQ,CAAC;gBACP,QAAQ,EAAE,MAAM;gBAChB,QAAQ;gBACR,GAAG;gBACH,IAAI;gBACJ,KAAK;gBACL,IAAI;gBACJ,MAAM,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE;gBAC1B,UAAU,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE;gBAClC,eAAe,EAAE,SAAS,MAAM,SAAS,IAAI,YAAY,aAAa,EAAE;aACzE,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAErF,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAExF,OAAO,CACL,kCAAM,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,aACtD,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,mGAAmB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EAClF,IAAA,+CAAsB,EAAC,KAAK,CAAC,EAC9B,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,yGAAoB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnF,IAAA,2DAA4B,EAAC,KAAK,CAAC,EACpC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,yDAAY,EAAC,SAAS,EAAC,kBAAkB,GAAG,EAC3E,IAAA,+CAAsB,EAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EACpD,IAAA,uCAAkB,EAAC,MAAM,EAAE,MAAM,CAAC,EACnC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,6 +1,2 @@
 import type { ApplicationFormsProps } from './ApplicationFormsProps';
-export interface DepositFormState {
-    name: string;
-    phone: string;
-}
-export declare const ApplicationFormDeposit: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps, any, any>;
+export declare const ApplicationFormDeposit: import("@redneckz/uni-jsx").UNIComponent<ApplicationFormsProps<Record<string, any>>, any, any>;

package/dist/components/ApplicationForm/ApplicationFormDeposit.js

@@ -2,39 +2,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApplicationFormDeposit = 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 Heading_1 = require("../../ui-kit/Heading/Heading");
+const objectValidator_1 = require("../../validation/objectValidator");
+const validator_1 = require("../../validation/validator");
+const withValidator_1 = require("../../validation/withValidator");
 const Footnote_1 = require("./Footnote");
 const InputControl_1 = require("./InputControl");
+const PhoneInputControl_1 = require("./PhoneInputControl");
 const renderSubmitButton_1 = require("./renderSubmitButton");
-const useForm_1 = require("./useForm");
-const validate_1 = require("./validate");
+const validators_1 = require("./validators");
 const initialFormState = {
     name: '',
     phone: '',
 };
+const depositValidator = (0, objectValidator_1.objectValidator)({
+    name: validators_1.nameValidator,
+    phone: validators_1.phoneValidator,
+});
 exports.ApplicationFormDeposit = (0, uni_jsx_1.JSX)((props) => {
-    const { button, link, handleSubmit } = props;
-    const { formState, errors, handleChange, handleChangeErrors, sendForm } = (0, useForm_1.useForm)({
-        initialFormState,
-        errorsInitialState: initialFormState,
-        handleSubmit,
-    });
-    const { name, phone } = formState;
-    const onSubmit = (e) => {
-        e.preventDefault();
-        sendForm({
-            typeForm: 'dpst',
-            name,
-            phone,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: "container", children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", className: "text-center mb-4" }), renderDataOrganization({
+    const { button, link, onSubmit } = props;
+    const handleSubmit = (0, hooks_1.useCallback)((formState) => {
+        const { name, phone } = formState;
+        (0, validator_1.isValidationSuccess)(depositValidator(formState)) &&
+            onSubmit({
+                typeForm: 'dpst',
                 name,
                 phone,
-                handleChange,
-                errors,
-                handleChangeErrors,
-            }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center max-w-[560px] m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link }) }), (0, renderSubmitButton_1.renderSubmitButton)(button)] })] }));
+            });
+    }, [onSubmit]);
+    const [, { field, ...formProps }] = (0, useForm_1.useForm)(initialFormState, handleSubmit);
+    return ((0, jsx_runtime_1.jsxs)("form", { className: "container", onSubmit: formProps.onSubmit, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", className: "text-center mb-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "max-w-[560px] m-auto", children: [(0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { className: "shrink-0 text-l w-full mb-3", label: "\u0418\u043C\u044F", ...(0, withValidator_1.withValidator)(field('name'), validators_1.nameValidator) }), (0, jsx_runtime_1.jsx)(PhoneInputControl_1.PhoneInputControl, { className: "shrink-0 text-l w-full mb-3", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...(0, withValidator_1.withValidator)(field('phone'), validators_1.phoneValidator) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center max-w-[560px] m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsx)(Footnote_1.Footnote, { link: link }) }), (0, renderSubmitButton_1.renderSubmitButton)(button)] })] }));
 });
-const renderDataOrganization = ({ name, phone, handleChange, errors, handleChangeErrors, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-[560px] m-auto", children: [(0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { className: "shrink-0 text-l w-full mb-3", label: "\u0418\u043C\u044F", error: errors['name'], value: name, onChange: (value) => handleChange({ name: value }), onBlur: (value) => handleChangeErrors({ name: (0, validate_1.validate)('name', value) }) }), (0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { className: "shrink-0 text-l w-full mb-3", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", error: errors['phone'], value: phone, onChange: (value) => handleChange({ phone: value }), onBlur: (value) => handleChangeErrors({ phone: (0, validate_1.validate)('phone', value) }) })] }));
 //# sourceMappingURL=ApplicationFormDeposit.js.map