@redneckz/wildless-cms-uni-blocks 0.9.15 → 0.10.0

package/lib/components/ApplicationForm/ApplicationFormAcquiring.js

@@ -1,64 +1,71 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
-import { Input } from '../../ui-kit/Input/Input.js';
 import { useGetRegions } from '../SafeDepositRental/useGetRegions.js';
-import { ACQUIRING_TYPES } from './acquiringTypes.js';
 import { Footnote } from './Footnote.js';
-import { normalizeSelectedRegion } from './normalizeSelectedRegion.js';
-import { renderSelects } from './renderSelects.js';
+import { renderAcquiringDataOrganization } from './renderAcquiringDataOrganization.js';
+import { renderAcquiringRegion } from './renderAcquiringRegion.js';
 import { renderSlideCheckboxes } from './renderSlideCheckboxes.js';
 import { renderSubmitButton } from './renderSubmitButton.js';
-import { useFormHandlers } from './useFormHandlers.js';
+import { useForm } from './useForm.js';
+const initialFormState = {
+    acquiringType: 'Торговый эквайринг',
+    region: '',
+    fullName: '',
+    inn: '',
+    name: '',
+    phone: '',
+    onlineСheckout: false,
+    posTerminal: false,
+};
+const errorsInitialState = {
+    acquiringType: '',
+    region: '',
+    fullName: '',
+    inn: '',
+    name: '',
+    phone: '',
+};
 export const ApplicationFormAcquiring = JSX((props) => {
     const { button, link, handleSubmit } = props;
-    const [formState, setFormState] = useState({
-        acquiringType: '',
-        region: '',
-        fullName: '',
-        inn: '',
-        name: '',
-        phone: '',
-        onlineСheckout: false,
-        posTerminal: false,
+    const { formState, errors, handleChange, handleChangeErrors, sendForm } = useForm({
+        initialFormState,
+        errorsInitialState,
+        handleSubmit,
     });
     const { acquiringType, region, fullName, inn, name, phone, onlineСheckout, posTerminal } = formState;
     const regions = useGetRegions();
-    const { handleChange } = useFormHandlers({
-        setFormState,
-    });
-    const selectedRegion = normalizeSelectedRegion(region, regions);
-    useEffect(() => {
-        setFormState((oldState) => ({
-            ...oldState,
-            acquiringType: ACQUIRING_TYPES?.length && ACQUIRING_TYPES[0]?.name ? ACQUIRING_TYPES[0].name : '',
-        }));
-    }, []);
-    const onSubmit = async (e) => {
+    const onSubmit = (e) => {
         e.preventDefault();
-        const partnerComments = `Вид эквайринга=${acquiringType}/Онлайн касса=${onlineСheckout}/POS-терминал=${posTerminal}`;
-        handleSubmit &&
-            (await handleSubmit({
-                typeForm: 'acqr',
-                region: regions.find((_) => _.code === selectedRegion)?.name || '',
-                partnerComments,
+        sendForm({
+            typeForm: 'acqr',
+            region: regions.find((_) => _.code === region)?.name || '',
+            partnerComments: `Вид эквайринга=${acquiringType}/Онлайн касса=${onlineСheckout}/POS-терминал=${posTerminal}`,
+            fullName,
+            inn,
+            name,
+            phone,
+        });
+    };
+    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderAcquiringRegion({
+                acquiringType,
+                regions,
+                region,
+                handleChange,
+                errors,
+                handleChangeErrors,
+            }), _jsx(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" }), renderAcquiringDataOrganization({
                 fullName,
                 inn,
                 name,
                 phone,
-            }));
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderSelects({
-                acquiringType,
-                regions,
-                region: selectedRegion,
                 handleChange,
-            }), _jsx(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" }), renderDataOrganization({ fullName, inn, name, phone, handleChange }), renderSlideCheckboxes({
+                errors,
+                handleChangeErrors,
+            }), renderSlideCheckboxes({
                 onlineСheckout,
                 posTerminal,
                 handleChange,
             }), renderSubmitButton(button, 'mb-4'), _jsx(Footnote, { link: link })] }));
 });
-const renderDataOrganization = ({ fullName, inn, name, phone, handleChange, }) => (_jsxs("div", { className: "flex justify-between gap-5 mb-5", children: [_jsxs("div", { className: "w-1/2", children: [_jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", value: fullName, onChange: (value) => handleChange({ fullName: value }) }), _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", "aria-label": "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", value: name, onChange: (value) => handleChange({ name: value }) })] }), _jsxs("div", { className: "w-1/2", children: [_jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", label: "\u0418\u041D\u041D", "aria-label": "\u0418\u041D\u041D", value: inn, onChange: (value) => handleChange({ inn: value }) }), _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", "aria-label": "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", value: phone, onChange: (value) => handleChange({ phone: value }) })] })] }));
 //# sourceMappingURL=ApplicationFormAcquiring.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormAcquiring.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormAcquiring.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApplicationFormAcquiring.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormAcquiring.tsx"],"names":[],"mappings":"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"}

package/lib/components/ApplicationForm/ApplicationFormBusinessCard.js

@@ -1,46 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import { Input } from '../../ui-kit/Input/Input.js';
 import { useGetRegions } from '../SafeDepositRental/useGetRegions.js';
 import { Footnote } from './Footnote.js';
-import { normalizeSelectedRegion } from './normalizeSelectedRegion.js';
+import { renderBusinessCardDataOrganization } from './renderBusinessCardDataOrganization.js';
+import { renderRegion } from './renderRegion.js';
 import { renderSubmitButton } from './renderSubmitButton.js';
-import { useFormHandlers } from './useFormHandlers.js';
-import { WrapperSelect } from './WrapperSelect.js';
+import { useForm } from './useForm.js';
+const initialFormState = {
+    region: '',
+    name: '',
+    phone: '',
+    inn: '',
+    mail: '',
+};
 export const ApplicationFormBusinessCard = JSX((props) => {
     const { button, link, handleSubmit } = props;
-    const [formState, setFormState] = useState({
-        region: '',
-        name: '',
-        phone: '',
-        inn: '',
-        mail: '',
+    const { formState, errors, handleChange, handleChangeErrors, sendForm } = useForm({
+        initialFormState,
+        errorsInitialState: initialFormState,
+        handleSubmit,
     });
     const { region, name, phone, inn, mail } = formState;
     const regions = useGetRegions();
-    const { handleChange } = useFormHandlers({
-        setFormState,
-    });
-    const selectedRegion = normalizeSelectedRegion(region, regions);
-    const onSubmit = async (e) => {
+    const onSubmit = (e) => {
         e.preventDefault();
-        handleSubmit &&
-            (await handleSubmit({
-                typeForm: 'bcrd',
-                region: regions.find((_) => _.code === selectedRegion)?.name || '',
+        sendForm({
+            typeForm: 'bcrd',
+            region: regions.find((_) => _.code === region)?.name || '',
+            name,
+            phone,
+            inn,
+            mail,
+        });
+    };
+    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [renderRegion({
+                regions,
+                region,
+                handleChange,
+                errors,
+                handleChangeErrors,
+            }), renderBusinessCardDataOrganization({
                 name,
                 phone,
                 inn,
                 mail,
-            }));
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [renderRegion({
-                regions,
-                region: selectedRegion,
                 handleChange,
-            }), renderDataOrganization({ name, phone, inn, mail, handleChange }), renderSubmitButton(button, 'mb-4'), _jsx(Footnote, { link: link })] }));
+                errors,
+                handleChangeErrors,
+            }), renderSubmitButton(button, 'mb-4'), _jsx(Footnote, { link: link })] }));
 });
-const renderDataOrganization = ({ name, phone, mail, inn, handleChange, }) => (_jsxs("div", { className: "flex justify-between gap-5", children: [_jsxs("div", { className: "w-1/2", children: [_jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", value: name, onChange: (value) => handleChange({ name: value }) }), _jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0418\u041D\u041D", label: "\u0418\u041D\u041D", value: inn, onChange: (value) => handleChange({ inn: value }) })] }), _jsxs("div", { className: "w-1/2", children: [_jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", value: phone, onChange: (value) => handleChange({ phone: value }) }), _jsx(Input, { className: "shrink-0 text-l w-full ", type: "text", "aria-label": "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", value: mail, onChange: (value) => handleChange({ mail: value }) })] })] }));
-const renderRegion = ({ regions, region, handleChange }) => (_jsx("div", { className: "flex justify-between gap-5 mb-5", children: _jsx("div", { className: "w-full", children: _jsx(WrapperSelect, { data: regions, fieldValue: "code", fieldLabel: "name", selected: region, setSelected: (value) => handleChange({ region: value }), label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D" }) }) }));
 //# sourceMappingURL=ApplicationFormBusinessCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormBusinessCard.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormBusinessCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApplicationFormBusinessCard.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormBusinessCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;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;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAwB,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,OAAO,CAAwB;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,aAAa,EAAE,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,gBAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC5C,YAAY,CAAC;gBACZ,OAAO;gBACP,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACD,kCAAkC,CAAC;gBAClC,IAAI;gBACJ,KAAK;gBACL,GAAG;gBACH,IAAI;gBACJ,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACD,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,EACnC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/ApplicationForm/ApplicationFormCredit.js

@@ -1,65 +1,76 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBranches } from '../../hooks/useBranches.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { useGetRegions } from '../SafeDepositRental/useGetRegions.js';
-import { MIN_CREDIT_AMOUNT, MIN_CREDIT_TERM } from './CreditParameters.js';
+import { MIN_CREDIT_AMOUNT } from './CreditParameters.js';
 import { Footnote } from './Footnote.js';
-import { normalizeSelectedRegion } from './normalizeSelectedRegion.js';
-import { renderBankOffices } from './renderBankOffices.js';
+import { renderCreditDataOrganization } from './renderCreditDataOrganization.js';
 import { renderCreditParameters } from './renderCreditParameters.js';
-import { renderDataOrganization } from './renderDataOrganization.js';
+import { renderRegionDepartment } from './renderRegionDepartment.js';
 import { renderSubmitButton } from './renderSubmitButton.js';
-import { useFormHandlers } from './useFormHandlers.js';
-export const ApplicationFormCredit = JSX((props) => {
-    const { button, link, handleSubmit } = props;
-    const [formState, setFormState] = useState({
-        amount: MIN_CREDIT_AMOUNT,
-        term: MIN_CREDIT_TERM,
-        fullName: '',
-        inn: '',
-        name: '',
-        phone: '',
-        mail: '',
-        region: '',
-        department: '',
-        annualRevenue: '',
-    });
-    const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } = formState;
+import { useForm } from './useForm.js';
+const initialFormState = {
+    amount: MIN_CREDIT_AMOUNT,
+    term: 12,
+    fullName: '',
+    inn: '',
+    name: '',
+    phone: '',
+    mail: '',
+    region: '',
+    department: '',
+    annualRevenue: '',
+};
+const errorsInitialState = {
+    annualRevenue: '',
+    inn: '',
+    name: '',
+    phone: '',
+    region: '',
+    department: '',
+};
+export const ApplicationFormCredit = JSX(({ button, link, handleSubmit }) => {
     const regions = useGetRegions();
-    const { handleChange } = useFormHandlers({
-        setFormState,
+    const { formState, errors, handleChange, handleChangeErrors, sendForm } = useForm({
+        initialFormState,
+        errorsInitialState,
+        handleSubmit,
     });
-    const selectedRegion = normalizeSelectedRegion(region, regions);
-    const branches = useBranches(selectedRegion).filter((branch) => branch.address);
-    useEffect(() => {
-        handleChange({
-            department: '',
-        });
-    }, [formState.region, handleChange]);
-    const onSubmit = async (e) => {
+    const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } = formState;
+    const branches = useBranches(region).filter((branch) => branch.address);
+    const onSubmit = (e) => {
         e.preventDefault();
-        const partnerComments = `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
-        handleSubmit &&
-            (await handleSubmit({
-                typeForm: 'cred',
+        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 (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderCreditParameters({ amount, term, handleChange }), _jsx(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" }), renderCreditDataOrganization({
                 fullName,
                 inn,
                 name,
                 phone,
                 mail,
-                region: regions.find((_) => _.code === selectedRegion)?.name || '',
-                department: branches.find((_) => _.branchCode === department)?.address || '',
-                partnerComments,
-            }));
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderCreditParameters({ amount, term, handleChange }), _jsx(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" }), renderDataOrganization({ fullName, inn, name, phone, mail, annualRevenue, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0411\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), renderBankOffices({
+                annualRevenue,
+                handleChange,
+                errors,
+                handleChangeErrors,
+            }), _jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), renderRegionDepartment({
                 regions,
-                region: selectedRegion,
+                region,
                 branches,
                 department,
                 handleChange,
+                errors,
+                handleChangeErrors,
             }), renderSubmitButton(button, 'mb-4'), _jsx(Footnote, { link: link })] }));
 });
 //# sourceMappingURL=ApplicationFormCredit.js.map

package/lib/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":"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"}

package/lib/components/ApplicationForm/ApplicationFormDeposit.js

@@ -1,31 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
-import { Input } from '../../ui-kit/Input/Input.js';
 import { Footnote } from './Footnote.js';
+import { InputControl } from './InputControl.js';
 import { renderSubmitButton } from './renderSubmitButton.js';
-import { useFormHandlers } from './useFormHandlers.js';
+import { useForm } from './useForm.js';
+import { validate } from './validate.js';
+const initialFormState = {
+    name: '',
+    phone: '',
+};
 export const ApplicationFormDeposit = JSX((props) => {
     const { button, link, handleSubmit } = props;
-    const [formState, setFormState] = useState({
-        name: '',
-        phone: '',
+    const { formState, errors, handleChange, handleChangeErrors, sendForm } = useForm({
+        initialFormState,
+        errorsInitialState: initialFormState,
+        handleSubmit,
     });
     const { name, phone } = formState;
-    const { handleChange } = useFormHandlers({
-        setFormState,
-    });
-    const onSubmit = async (e) => {
+    const onSubmit = (e) => {
         e.preventDefault();
-        handleSubmit &&
-            (await handleSubmit({
-                typeForm: 'dpst',
+        sendForm({
+            typeForm: 'dpst',
+            name,
+            phone,
+        });
+    };
+    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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({
                 name,
                 phone,
-            }));
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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({ name: formState.name, phone: formState.phone, handleChange }), _jsxs("div", { className: "flex justify-between items-center max-w-[560px] m-auto", children: [_jsx("div", { className: "flex-1", children: _jsx(Footnote, { link: link }) }), renderSubmitButton(button)] })] }));
+                handleChange,
+                errors,
+                handleChangeErrors,
+            }), _jsxs("div", { className: "flex justify-between items-center max-w-[560px] m-auto", children: [_jsx("div", { className: "flex-1", children: _jsx(Footnote, { link: link }) }), renderSubmitButton(button)] })] }));
 });
-const renderDataOrganization = ({ name, phone, handleChange }) => (_jsxs("div", { className: "max-w-[560px] m-auto", children: [_jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0418\u043C\u044F", label: "\u0418\u043C\u044F", value: name, onChange: (value) => handleChange({ name: value }) }), _jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", value: phone, onChange: (value) => handleChange({ phone: value }) })] }));
+const renderDataOrganization = ({ name, phone, handleChange, errors, handleChangeErrors, }) => (_jsxs("div", { className: "max-w-[560px] m-auto", children: [_jsx(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: validate('name', value) }) }), _jsx(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: validate('phone', value) }) })] }));
 //# sourceMappingURL=ApplicationFormDeposit.js.map

package/lib/components/ApplicationForm/ApplicationFormDeposit.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormDeposit.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormDeposit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB;QAC3D,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;IAElC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAmB;QACzD,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAmB,EAAE,EAAE;QAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,YAAY;YACV,CAAC,MAAM,YAAY,CAAC;gBAClB,QAAQ,EAAE,MAAM;gBAChB,IAAI;gBACJ,KAAK;aACN,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,OAAO,CACL,gBAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC7C,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,KAAK,EAAC,iTAA4D,EAClE,SAAS,EAAC,kBAAkB,GAC5B,EACD,sBAAsB,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,EACvF,eAAK,SAAS,EAAC,wDAAwD,aACrE,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EACL,kBAAkB,CAAC,MAAM,CAAC,IACvB,IACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAQH,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAA+B,EAAE,EAAE,CAAC,CAC7F,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,KAAK,IACJ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,gBACA,oBAAK,EAChB,KAAK,EAAC,oBAAK,EACX,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAClD,EACF,KAAC,KAAK,IACJ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,gBACA,4CAAS,EACpB,KAAK,EAAC,4CAAS,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GACnD,IACE,CACP,CAAC"}
+{"version":3,"file":"ApplicationFormDeposit.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormDeposit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOtC,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,EAAE;IACzE,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,OAAO,CAAmB;QACxB,gBAAgB;QAChB,kBAAkB,EAAE,gBAAgB;QACpC,YAAY;KACb,CAAC,CAAC;IAEL,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;IAElC,MAAM,QAAQ,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,QAAQ,CAAC;YACP,QAAQ,EAAE,MAAM;YAChB,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,gBAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC7C,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,KAAK,EAAC,iTAA4D,EAClE,SAAS,EAAC,kBAAkB,GAC5B,EACD,sBAAsB,CAAC;gBACtB,IAAI;gBACJ,KAAK;gBACL,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACF,eAAK,SAAS,EAAC,wDAAwD,aACrE,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,EACL,kBAAkB,CAAC,MAAM,CAAC,IACvB,IACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,MAAM,EACN,kBAAkB,GACU,EAAE,EAAE,CAAC,CACjC,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,YAAY,IACX,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,oBAAK,EACX,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EACrB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAClD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GACxE,EACF,KAAC,YAAY,IACX,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,4CAAS,EACf,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACnD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAC1E,IACE,CACP,CAAC"}

package/lib/components/ApplicationForm/ApplicationFormWed.js

@@ -1,43 +1,57 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
-import { Input } from '../../ui-kit/Input/Input.js';
 import { Footnote } from './Footnote.js';
 import { renderContacts } from './renderContacts.js';
 import { renderQuestionsInterested } from './renderQuestionsInterested.js';
 import { renderSubmitButton } from './renderSubmitButton.js';
-import { useFormHandlers } from './useFormHandlers.js';
+import { renderWedDataOrganization } from './renderWedDataOrganization.js';
+import { useForm } from './useForm.js';
+const initialFormState = {
+    fullName: '',
+    name: '',
+    phone: '',
+    mail: '',
+    currencyControl: false,
+    documentaryOperations: false,
+    conversionOperations: false,
+    text: '',
+};
+const errorsInitialState = {
+    fullName: '',
+    name: '',
+    phone: '',
+    mail: '',
+    text: '',
+};
 export const ApplicationFormWed = JSX((props) => {
     const { button, link, handleSubmit } = props;
-    const [formState, setFormState] = useState({
-        fullName: '',
-        name: '',
-        phone: '',
-        mail: '',
-        currencyControl: false,
-        documentaryOperations: false,
-        conversionOperations: false,
-        text: '',
+    const { formState, errors, handleChange, handleChangeErrors, sendForm } = useForm({
+        initialFormState,
+        errorsInitialState,
+        handleSubmit,
     });
     const { fullName, name, phone, mail, currencyControl, documentaryOperations, conversionOperations, text, } = formState;
-    const { handleChange } = useFormHandlers({
-        setFormState,
-    });
-    const onSubmit = async (e) => {
+    const onSubmit = (e) => {
         e.preventDefault();
-        const partnerComments = `Валютный контроль=${currencyControl}/Документарные операции=${documentaryOperations}/Конверсионные операции=${conversionOperations}/Доп инф=${text}`;
-        handleSubmit &&
-            (await handleSubmit({
-                typeForm: 'kved',
+        sendForm({
+            typeForm: 'kved',
+            fullName,
+            name,
+            phone,
+            mail,
+            partnerComments: `Валютный контроль=${currencyControl}/Документарные операции=${documentaryOperations}/Конверсионные операции=${conversionOperations}/Доп инф=${text}`,
+        });
+    };
+    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderWedDataOrganization({
                 fullName,
                 name,
                 phone,
                 mail,
-                partnerComments,
-            }));
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(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" }), renderDataOrganization({ fullName, name, phone, mail, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u0418\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u043E\u043F\u0440\u043E\u0441", className: "text-center mb-4" }), renderQuestionsInterested({
+                handleChange,
+                errors,
+                handleChangeErrors,
+            }), _jsx(Heading, { headingType: "h6", title: "\u0418\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u043E\u043F\u0440\u043E\u0441", className: "text-center mb-4" }), renderQuestionsInterested({
                 currencyControl,
                 documentaryOperations,
                 conversionOperations,
@@ -45,5 +59,4 @@ export const ApplicationFormWed = JSX((props) => {
                 handleChange,
             }), _jsxs("div", { className: "flex items-center pb-9 mb-9 border-b border-main-divider", children: [renderSubmitButton(button, 'mr-5'), _jsx(Footnote, { link: link })] }), _jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "text-center mb-4" }), renderContacts()] }));
 });
-const renderDataOrganization = ({ fullName, name, phone, mail, handleChange, }) => (_jsxs("div", { children: [_jsxs("div", { className: "flex justify-between gap-5 mb-5", children: [_jsx("div", { className: "w-1/2", children: _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", "aria-label": "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", value: fullName, onChange: (value) => handleChange({ fullName: value }) }) }), _jsx("div", { className: "w-1/2", children: _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", "aria-label": "\u0424\u0418\u041E", label: "\u0424\u0418\u041E", value: name, onChange: (value) => handleChange({ name: value }) }) })] }), _jsxs("div", { className: "flex justify-between gap-5 mb-7", children: [_jsx("div", { className: "w-1/2", children: _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", "aria-label": "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", value: phone, onChange: (value) => handleChange({ phone: value }) }) }), _jsx("div", { className: "w-1/2", children: _jsx(Input, { className: "shrink-0 text-l w-full", type: "text", "aria-label": "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", value: mail, onChange: (value) => handleChange({ mail: value }) }) })] })] }));
 //# sourceMappingURL=ApplicationFormWed.js.map

package/lib/components/ApplicationForm/ApplicationFormWed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationFormWed.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormWed.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApplicationFormWed.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/ApplicationFormWed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,gBAAgB,GAAG;IACvB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,eAAe,EAAE,KAAK;IACtB,qBAAqB,EAAE,KAAK;IAC5B,oBAAoB,EAAE,KAAK;IAC3B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAe;QAC9F,gBAAgB;QAChB,kBAAkB;QAClB,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,IAAI,GACL,GAAG,SAAS,CAAC;IAEd,MAAM,QAAQ,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,QAAQ,CAAC;YACP,QAAQ,EAAE,MAAM;YAChB,QAAQ;YACR,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,eAAe,EAAE,qBAAqB,eAAe,2BAA2B,qBAAqB,2BAA2B,oBAAoB,YAAY,IAAI,EAAE;SACvK,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,gBAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,aAC7C,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,yGAAoB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnF,yBAAyB,CAAC;gBACzB,QAAQ;gBACR,IAAI;gBACJ,KAAK;gBACL,IAAI;gBACJ,YAAY;gBACZ,MAAM;gBACN,kBAAkB;aACnB,CAAC,EACF,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAC,+GAAqB,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACpF,yBAAyB,CAAC;gBACzB,eAAe;gBACf,qBAAqB;gBACrB,oBAAoB;gBACpB,IAAI;gBACJ,YAAY;aACb,CAAC,EACF,eAAK,SAAS,EAAC,0DAA0D,aACtE,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,EACnC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACpB,EACN,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,KAAK,EAAC,uMAAuC,EAC7C,SAAS,EAAC,kBAAkB,GAC5B,EACD,cAAc,EAAE,IACZ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/ApplicationForm/InputControl.d.ts

@@ -0,0 +1,10 @@
+interface InputControlProps {
+    className: string;
+    label: string;
+    value: string;
+    error?: string;
+    onChange: (value: string) => void;
+    onBlur?: (value: string) => void;
+}
+export declare const InputControl: import("@redneckz/uni-jsx").UNIComponent<InputControlProps, any, any>;
+export {};

package/lib/components/ApplicationForm/InputControl.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Input } from '../../ui-kit/Input/Input.js';
+import { Text } from '../../ui-kit/Text/Text.js';
+export const InputControl = JSX(({ className, label, value, error, onChange, onBlur }) => {
+    return (_jsxs("div", { className: className, children: [_jsx(Input, { type: "text", "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur }), _jsx("div", { className: "h-2", children: _jsx(Text, { size: "text-xs-light", color: "text-error", children: error ? error : null }) })] }));
+});
+//# sourceMappingURL=InputControl.js.map

package/lib/components/ApplicationForm/InputControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputControl.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/InputControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAW9C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IACvD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,gBACC,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,EACF,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,YAAY,YAC1C,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAChB,GACH,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/{mobile/bundle/components/ApplicationForm/WrapperSelect.d.ts → lib/components/ApplicationForm/SelectControl.d.ts}

@@ -1,4 +1,4 @@
-interface WrapperSelectProps {
+interface SelectControlProps {
     data: Record<string, any>[];
     fieldLabel: string;
     fieldValue?: string;
@@ -6,6 +6,8 @@ interface WrapperSelectProps {
     setSelected: (value: string) => void;
     label: string;
     placeholder?: string;
+    error?: string;
+    onValidate?: (value: string) => void;
 }
-export declare const WrapperSelect: import("@redneckz/uni-jsx").UNIComponent<WrapperSelectProps, any, any>;
+export declare const SelectControl: import("@redneckz/uni-jsx").UNIComponent<SelectControlProps, any, any>;
 export {};