@redneckz/wildless-cms-uni-blocks 0.14.121 → 0.14.122

package/lib/components/ApplicationForm/renderBusinessCardDataOrganization.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { withValidator } from '../../validation/withValidator.js';
+import { ApplicationFieldsetLayout, childrenClassName } from './ApplicationFieldsetLayout.js';
 import { InputControl } from './InputControl.js';
 import { PhoneInputControl } from './PhoneInputControl.js';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators.js';
-export const renderBusinessCardDataOrganization = (field) => (_jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg", children: [_jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), _jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
+export const renderBusinessCardDataOrganization = (field) => (_jsx(ApplicationFieldsetLayout, { firstChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), secondChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] }) }));
 //# sourceMappingURL=renderBusinessCardDataOrganization.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderBusinessCardDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderBusinessCardDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,KAAiD,EACjD,EAAE,CAAC,CACH,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,uFAAiB,KACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,IACE,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,IACE,IACF,CACP,CAAC"}
+{"version":3,"file":"renderBusinessCardDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderBusinessCardDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,KAAiD,EACjD,EAAE,CAAC,CACH,KAAC,yBAAyB,IACxB,aAAa,EACX,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,uFAAiB,KACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,IACE,EAER,cAAc,EACZ,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,IACE,GAER,CACH,CAAC"}

package/lib/components/ApplicationForm/renderCreditDataOrganization.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { withValidator } from '../../validation/withValidator.js';
+import { ApplicationFieldsetLayout, childrenClassName } from './ApplicationFieldsetLayout.js';
 import { InputControl } from './InputControl.js';
 import { PhoneInputControl } from './PhoneInputControl.js';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators.js';
-export const renderCreditDataOrganization = (field) => (_jsxs("div", { className: "pb-2xs border-b border-b-main-divider @xl:flex @xl:justify-between @xl:gap-lg @xl:border-none @xl:pb-0", children: [_jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), _jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), _jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field('mail') })] })] }));
+export const renderCreditDataOrganization = (field) => (_jsx(ApplicationFieldsetLayout, { firstChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...withValidator(field('fullName'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), _jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), secondChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...withValidator(field('annualRevenue'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field('mail') })] }) }));
 //# sourceMappingURL=renderCreditDataOrganization.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderCreditDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderCreditDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAA2C,EAAE,EAAE,CAAC,CAC3F,eAAK,SAAS,EAAC,wGAAwG,aACrH,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,6IAA0B,KAC5B,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,GACtD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,IACE,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,+FAAoB,KACtB,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,gBAAgB,CAAC,GAC3D,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,uFAAiB,KACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAC,mGAAmB,KAAK,KAAK,CAAC,MAAM,CAAC,GAAI,IACrF,IACF,CACP,CAAC"}
+{"version":3,"file":"renderCreditDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderCreditDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAA2C,EAAE,EAAE,CAAC,CAC3F,KAAC,yBAAyB,IACxB,aAAa,EACX,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,6IAA0B,KAC5B,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,GACtD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,IACE,EAER,cAAc,EACZ,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,+FAAoB,KACtB,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,gBAAgB,CAAC,GAC3D,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,uFAAiB,KACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAC,mGAAmB,KAAK,KAAK,CAAC,MAAM,CAAC,GAAI,IACrF,GAER,CACH,CAAC"}

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

@@ -0,0 +1 @@
+export declare const renderErrorText: (error: string | undefined) => JSX.Element;

package/lib/components/ApplicationForm/renderErrorText.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { Text } from '../../ui-kit/Text/Text.js';
+export const renderErrorText = (error) => (_jsx("div", { className: "h-4", children: error ? (_jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
+//# sourceMappingURL=renderErrorText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderErrorText.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderErrorText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAC5D,cAAK,SAAS,EAAC,KAAK,YACjB,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,YACtD,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC"}

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

@@ -1,3 +1,3 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type IndividualsFormState } from './IndividualsFormState';
+import { type IndividualsFormState } from './ApplicationFormIndividuals';
 export declare const renderIndividualsFields: (field: FormFieldRegisterer<IndividualsFormState>) => JSX.Element;

package/lib/components/ApplicationForm/renderIndividualsFields.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { withValidator } from '../../validation/withValidator.js';
+import { ApplicationFieldsetLayout, childrenClassName } from './ApplicationFieldsetLayout.js';
 import { DatePickerControl } from './DatePickerControl.js';
 import { InputControl } from './InputControl.js';
 import { PhoneInputControl } from './PhoneInputControl.js';
 import { defaultValidator, nameValidator, phoneValidator } from './validators.js';
-export const renderIndividualsFields = (field) => (_jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg", children: [_jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E", ...withValidator(field('middleName'), nameValidator) }), _jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), _jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), _jsx(DatePickerControl, { className: "shrink-0 w-full", label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('date'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
+export const renderIndividualsFields = (field) => (_jsx(ApplicationFieldsetLayout, { firstChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E", ...withValidator(field('middleName'), nameValidator) }), _jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), secondChildren: _jsxs("div", { className: childrenClassName, children: [_jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), _jsx(DatePickerControl, { className: "shrink-0 w-full", label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('date'), defaultValidator) }), _jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] }) }));
 //# sourceMappingURL=renderIndividualsFields.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderIndividualsFields.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderIndividualsFields.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAgD,EAAE,EAAE,CAAC,CAC3F,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,GAClD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,kDAAU,KACZ,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,GACrD,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,IACE,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,2EAAe,KACjB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,IACE,IACF,CACP,CAAC"}
+{"version":3,"file":"renderIndividualsFields.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderIndividualsFields.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAgD,EAAE,EAAE,CAAC,CAC3F,KAAC,yBAAyB,IACxB,aAAa,EACX,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,GAClD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,kDAAU,KACZ,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,GACrD,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,IACE,EAER,cAAc,EACZ,eAAK,SAAS,EAAE,iBAAiB,aAC/B,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,2EAAe,KACjB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,IACE,GAER,CACH,CAAC"}

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

@@ -1,3 +1,3 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type WedFormState } from './WedFormState';
+import { type WedFormState } from './ApplicationFormWed';
 export declare const renderQuestionsInterested: (field: FormFieldRegisterer<WedFormState>) => JSX.Element;

package/lib/components/ApplicationForm/renderQuestionsInterested.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { Radio } from '../../ui-kit/Radio/Radio.js';
 export const renderQuestionsInterested = (field) => {
     const { value, onChange } = field('vedTypes');
-    return (_jsx("div", { className: "space-y-m", children: _jsxs("div", { className: "@xl:flex @xl:items-center @xl:gap-xl", children: [_jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: (_) => onChange && onChange(_) })] }) }));
+    return (_jsx("div", { className: "space-y-lg", children: _jsxs("div", { className: "space-y-xs @xl:flex @xl:items-center @xl:gap-xl", children: [_jsx(Radio, { name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: (_) => onChange && onChange(_) }), _jsx(Radio, { name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: (_) => onChange && onChange(_) })] }) }));
 };
 //# sourceMappingURL=renderQuestionsInterested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderQuestionsInterested.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderQuestionsInterested.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,KAAK,IACJ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,mGAAmB,EACxB,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,KAAK,KAAK,iBAAiB,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,iIAAwB,EAC7B,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,KAAK,KAAK,oBAAoB,EACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,iIAAwB,EAC7B,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,KAAK,KAAK,wBAAwB,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,wFAAkB,EACvB,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,IACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"renderQuestionsInterested.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderQuestionsInterested.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,YACzB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,KAAK,IACJ,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,mGAAmB,EACxB,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,KAAK,KAAK,iBAAiB,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,iIAAwB,EAC7B,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,KAAK,KAAK,oBAAoB,EACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,iIAAwB,EAC7B,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,KAAK,KAAK,wBAAwB,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,wFAAkB,EACvB,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GACxC,IACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/ApplicationForm/renderRegionDepartment.js

@@ -1,9 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { withValidator } from '../../validation/withValidator.js';
+import { ApplicationFieldsetLayout, childrenClassName } from './ApplicationFieldsetLayout.js';
 import { SelectControl } from './SelectControl.js';
 import { defaultValidator } from './validators.js';
-export const renderRegionDepartment = ({ regions, branches, field }) => (_jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg @xl:mb-2xl @xl:border-none @xl:pb-0", children: [_jsx("div", { className: "@xl:w-1/2", children: _jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }), _jsx("div", { className: "@xl:w-1/2", children: _jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
-                    key: branchCode,
-                    text: address,
-                })), ...withValidator(field('department'), defaultValidator) }) })] }));
+export const renderRegionDepartment = ({ regions, branches, field }) => (_jsx(ApplicationFieldsetLayout, { firstChildren: _jsx("div", { className: childrenClassName, children: _jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }), secondChildren: _jsx("div", { className: childrenClassName, children: _jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
+                key: branchCode,
+                text: address,
+            })), ...withValidator(field('department'), defaultValidator) }) }) }));
 //# sourceMappingURL=renderRegionDepartment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderRegionDepartment.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderRegionDepartment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAI/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAE,EAAE,CAAC,CAC7F,eAAK,SAAS,EAAC,6EAA6E,aAC1F,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,aAAa,IACZ,KAAK,EAAC,sCAAQ,EACd,WAAW,EAAC,uFAAiB,EAC7B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAC3E,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,GACpD,GACE,EACN,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,aAAa,IACZ,KAAK,EAAC,gCAAO,EACb,WAAW,EAAC,iFAAgB,EAC5B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;oBAC5D,GAAG,EAAE,UAAU;oBACf,IAAI,EAAE,OAAO;iBACd,CAAC,CAAC,KACC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,gBAAgB,CAAC,GACxD,GACE,IACF,CACP,CAAC"}
+{"version":3,"file":"renderRegionDepartment.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderRegionDepartment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAG3F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAE,EAAE,CAAC,CAC7F,KAAC,yBAAyB,IACxB,aAAa,EACX,cAAK,SAAS,EAAE,iBAAiB,YAC/B,KAAC,aAAa,IACZ,KAAK,EAAC,sCAAQ,EACd,WAAW,EAAC,uFAAiB,EAC7B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAC3E,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,GACpD,GACE,EAER,cAAc,EACZ,cAAK,SAAS,EAAE,iBAAiB,YAC/B,KAAC,aAAa,IACZ,KAAK,EAAC,gCAAO,EACb,WAAW,EAAC,iFAAgB,EAC5B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC5D,GAAG,EAAE,UAAU;gBACf,IAAI,EAAE,OAAO;aACd,CAAC,CAAC,KACC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,gBAAgB,CAAC,GACxD,GACE,GAER,CACH,CAAC"}

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

@@ -1,4 +1,4 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { type WedFormState } from './ApplicationFormWed';
 import { type Select } from './models';
-import { type WedFormState } from './WedFormState';
 export declare const renderWedDataOrganization: (field: FormFieldRegisterer<WedFormState>, regions: Select[]) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"renderWedDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderWedDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG7F,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,KAAwC,EACxC,OAAiB,EACjB,EAAE;IACF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,KAAK,iBAAiB,CAAC;IAExE,OAAO,CACL,0BACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,aAAa,IACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,sCAAQ,EACd,WAAW,EAAC,uFAAiB,EAC7B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAC3E,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,GACpD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,uCAAuC,aACnD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,6IAA0B,KAC5B,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,GACtD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,EACD,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACpB,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"renderWedDataOrganization.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderWedDataOrganization.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,KAAwC,EACxC,OAAiB,EACjB,EAAE;IACF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,KAAK,iBAAiB,CAAC;IAExE,OAAO,CACL,0BACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,aAAa,IACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,sCAAQ,EACd,WAAW,EAAC,uFAAiB,EAC7B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,KAC3E,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,GACpD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,uCAAuC,aACnD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,GAC7C,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,6IAA0B,KAC5B,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,GACtD,EACF,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,oBAAK,KACP,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,GAC/C,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,4CAAS,KACX,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,GACjD,EACD,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACpB,KAAC,YAAY,IACX,SAAS,EAAC,aAAa,EACvB,KAAK,EAAC,mGAAmB,KACrB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,GAClD,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type WedFormState } from './WedFormState';
+import { type WedFormState } from './ApplicationFormWed';
 export declare const renderWedTextarea: (field: FormFieldRegisterer<WedFormState>) => JSX.Element;

package/mobile/bundle/bundle.umd.js

@@ -1001,7 +1001,9 @@
         return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { children: [label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: label }) })) : null, jsx("input", { ref: inputRef, className: style('w-full h-14 border rounded-md text-primary-text outline-none p-m', paddingStyle, validStyle, inputClassName), id: id, name: name || id, placeholder: placeholder, type: type, value: value, onInput: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key)] }), children] }));
     });
 
-    const InputControl = JSX(({ className, label, value = '', error, onChange, onBlur }) => (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: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null })] })));
+    const renderErrorText = (error) => (jsx("div", { className: "h-4", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
+
+    const InputControl = JSX(({ className, label, value = '', error, onChange, onBlur }) => (jsxs("div", { className: className, children: [jsx(Input, { type: "text", "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur }), renderErrorText(error)] })));
 
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
@@ -1022,7 +1024,7 @@
         return (jsx(Input, { onChange: handleChange, onFocus: (event) => handleChange(event?.target?.value || ''), ...inputProps, children: children }));
     });
 
-    const PhoneInputControl = JSX(({ className, label, value, error, onChange, onBlur }) => (jsxs("div", { className: className, children: [jsx(PhoneInput, { "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), jsx("div", { className: "h-2", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null })] })));
+    const PhoneInputControl = JSX(({ className, label, value, error, onChange, onBlur }) => (jsxs("div", { className: className, children: [jsx(PhoneInput, { "aria-label": label, label: label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
 
     const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
 
@@ -1054,6 +1056,9 @@
         },
     ];
 
+    const ApplicationFieldsetLayout = JSX(({ firstChildren, secondChildren }) => (jsxs("fieldset", { className: "grig @xl:flex @xl:justify-between gap-lg border-b border-b-main-divider @xl:border-none", children: [firstChildren, secondChildren] })));
+    const childrenClassName = '@xl:w-1/2 space-y-s';
+
     function useBool(defaultValue = false) {
         const [value, setValue] = useState(defaultValue);
         const setTrue = useCallback(() => setValue(true), []);
@@ -1156,9 +1161,9 @@
     const renderIcon$1 = (isOpen, iconVersion) => (jsx(Icon, { className: style('absolute right-3', isOpen ? '' : 'rotate-180'), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
     const getBorderStyle$1 = (isBorder, valid) => style(isBorder ? 'border rounded-md hover:border-primary-hover' : '', valid ? ' border-gray' : 'border-error');
 
-    const SelectControl = JSX(({ className = '', error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error }), jsx("div", { className: "h-2", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null })] })));
+    const SelectControl = JSX(({ className = '', error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error }), renderErrorText(error)] })));
 
-    const renderAcquiringRegion = ({ regions, field }) => (jsxs("div", { className: "border-b border-b-main-divider @xl:border-none @xl:flex @xl:justify-between gap-lg ", children: [jsx("div", { className: "@xl:w-1/2", children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES.map(({ name: key = '' }) => ({ key, text: key })), ...withValidator(field('acquiringType'), defaultValidator) }) }), jsx("div", { className: "@xl:w-1/2", children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) })] }));
+    const renderAcquiringRegion = ({ regions, field }) => (jsx(ApplicationFieldsetLayout, { firstChildren: jsx("div", { className: childrenClassName, children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES.map(({ name: key = '' }) => ({ key, text: key })), ...withValidator(field('acquiringType'), defaultValidator) }) }), secondChildren: jsx("div", { className: childrenClassName, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }) }));
 
     const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
 
@@ -1230,10 +1235,10 @@
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$5, handleSubmit);
         const regions = useGetRegions();
-        return (jsxs("form", { className: "container space-y-m", onSubmit: formProps.onSubmit, 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: "@xl:text-center" }), renderAcquiringRegion({ regions, field }), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderAcquiringDataOrganization(field), renderSlideCheckboxes(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, 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: "@xl:text-center" }), renderAcquiringRegion({ regions, field }), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderAcquiringDataOrganization(field), renderSlideCheckboxes(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
-    const renderBusinessCardDataOrganization = (field) => (jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg", children: [jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
+    const renderBusinessCardDataOrganization = (field) => (jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: childrenClassName, children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), secondChildren: jsxs("div", { className: childrenClassName, children: [jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] }) }));
 
     const renderRegion$1 = ({ regions, field }) => (jsx(SelectControl, { className: "w-full", label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }));
 
@@ -1349,10 +1354,10 @@
 
     const renderCreditParameters = (field) => (jsxs("div", { className: "border-b border-b-main-divider @xl:border-none @xl:flex @xl:justify-between gap-lg", children: [jsxs("div", { className: "@xl:w-1/2", children: [jsx("label", { children: jsx(Text, { size: "text-m", font: "font-light", children: "\u0421\u0443\u043C\u043C\u0430, \u20BD" }) }), jsx(InputRange, { items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') })] }), jsxs("div", { className: "@xl:w-1/2", children: [jsx("label", { children: jsx(Text, { size: "text-m", font: "font-light", children: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432" }) }), jsx(InputRange, { items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') })] })] }));
 
-    const renderRegionDepartment = ({ regions, branches, field }) => (jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg @xl:mb-2xl @xl:border-none @xl:pb-0", children: [jsx("div", { className: "@xl:w-1/2", children: jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }), jsx("div", { className: "@xl:w-1/2", children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
-                        key: branchCode,
-                        text: address,
-                    })), ...withValidator(field('department'), defaultValidator) }) })] }));
+    const renderRegionDepartment = ({ regions, branches, field }) => (jsx(ApplicationFieldsetLayout, { firstChildren: jsx("div", { className: childrenClassName, children: jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }), secondChildren: jsx("div", { className: childrenClassName, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
+                    key: branchCode,
+                    text: address,
+                })), ...withValidator(field('department'), defaultValidator) }) }) }));
 
     const initialFormState$3 = {
         amount: MIN_CREDIT_AMOUNT,
@@ -1392,7 +1397,7 @@
         const [formState, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
         const regions = useGetRegions();
         const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
-        return (jsxs("form", { className: "container space-y-m", onSubmit: formProps.onSubmit, children: [jsx(Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B", className: "@xl:text-center" }), renderCreditParameters(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderCreditDataOrganization(field), jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", className: "@xl:text-center" }), renderRegionDepartment({ regions, branches, field }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, children: [jsx(Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B", className: "@xl:text-center" }), renderCreditParameters(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderCreditDataOrganization(field), jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0431\u0430\u043D\u043A\u0430", className: "@xl:text-center" }), renderRegionDepartment({ regions, branches, field }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
     const initialFormState$2 = {
@@ -1610,9 +1615,9 @@
     });
     const renderDatePickerForm = (handleChangeVisibleCalendar, value, valid) => (jsxs("div", { onClick: handleChangeVisibleCalendar, className: style(formStyle, valid ? 'border-gray' : 'border-error'), children: [jsx(Paragraph, { children: value && formatDate(value) }), jsx(Icon, { ...ICON_PROPS, name: "CalendarIcon" })] }));
 
-    const DatePickerControl = JSX(({ className, label, value = undefined, error, onChange }) => (jsxs("div", { className: className, children: [label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: label }) })) : null, jsx(DatePicker, { value: value, onChange: onChange, valid: Boolean(!error) }), jsx("div", { className: "h-2", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null })] })));
+    const DatePickerControl = JSX(({ className, label, value = undefined, error, onChange }) => (jsxs("div", { className: className, children: [label ? (jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: label }) })) : null, jsx(DatePicker, { value: value, onChange: onChange, valid: Boolean(!error) }), renderErrorText(error)] })));
 
-    const renderIndividualsFields = (field) => (jsxs("div", { className: "@xl:flex @xl:justify-between @xl:gap-lg", children: [jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E", ...withValidator(field('middleName'), nameValidator) }), jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: "@xl:w-1/2 space-y-s", children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { className: "shrink-0 w-full", label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('date'), defaultValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] })] }));
+    const renderIndividualsFields = (field) => (jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: childrenClassName, children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E", ...withValidator(field('middleName'), nameValidator) }), jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), secondChildren: jsxs("div", { className: childrenClassName, children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { className: "shrink-0 w-full", label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...withValidator(field('date'), defaultValidator) }), jsx(InputControl, { className: "shrink-0 w-full", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] }) }));
 
     const initialFormState$1 = {
         surname: '',
@@ -1658,7 +1663,7 @@
 
     const renderQuestionsInterested = (field) => {
         const { value, onChange } = field('vedTypes');
-        return (jsx("div", { className: "space-y-m", children: jsxs("div", { className: "@xl:flex @xl:items-center @xl:gap-xl", children: [jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { className: "mb-xs", name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: (_) => onChange && onChange(_) })] }) }));
+        return (jsx("div", { className: "space-y-lg", children: jsxs("div", { className: "space-y-xs @xl:flex @xl:items-center @xl:gap-xl", children: [jsx(Radio, { name: "vedTypes", text: "\u0412\u0430\u043B\u044E\u0442\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C", value: "currencyControl", checked: value === 'currencyControl', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0440\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "documentOperations", checked: value === 'documentOperations', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u041A\u043E\u043D\u0432\u0435\u0440\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438", value: "conversionTransactions", checked: value === 'conversionTransactions', onChange: (_) => onChange && onChange(_) }), jsx(Radio, { name: "vedTypes", text: "\u0418\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u0412\u042D\u0414", value: "otherIssues", checked: value === 'otherIssues', onChange: (_) => onChange && onChange(_) })] }) }));
     };
 
     const renderWedDataOrganization = (field, regions) => {
@@ -1720,7 +1725,7 @@
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
         const regions = useGetRegions();
-        return (jsxs("form", { className: "container space-y-m", onSubmit: formProps.onSubmit, children: [renderQuestionsInterested(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderWedDataOrganization(field, regions), renderWedTextarea(field), jsxs("div", { className: "flex flex-col gap-m border-b border-main-divider pb-lg @xl:items-center @xl:flex-row @xl:pb-4xl", children: [renderSubmitButton(button), 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: "@xl:text-center" }), renderContacts()] }));
+        return (jsxs("form", { className: "container space-y-lg", onSubmit: formProps.onSubmit, children: [renderQuestionsInterested(field), jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "@xl:text-center" }), renderWedDataOrganization(field, regions), renderWedTextarea(field), jsxs("div", { className: "flex flex-col gap-m border-b border-main-divider pb-lg @xl:items-center @xl:flex-row @xl:pb-4xl", children: [renderSubmitButton(button), 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: "@xl:text-center" }), renderContacts()] }));
     });
 
     const EmbeddableForms = {
@@ -1736,7 +1741,8 @@
     const ResponseNotification = JSX(({ responseType }) => {
         const responseOK = responseType === 'OK';
         const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
-        return (jsxs("div", { className: `flex items-center p-lg rounded-md space-x-m ${backgroundColor}`, children: [responseOK ? (jsx(Img, { image: { icon: 'ResponseOKIcon' }, width: "42", height: "42" })) : (jsx(Img, { image: { icon: 'ResponseFailIcon' }, width: "37", height: "34" })), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
+        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        return (jsxs("div", { className: `flex items-center p-lg rounded-md space-x-m ${backgroundColor}`, children: [jsx(Img, { image: { icon: statusIcon ? 'ResponseOKIcon' : 'ResponseFailIcon', iconVersion: 'normal' }, width: "42", height: "42" }), jsxs("div", { children: [jsx(Heading, { headingType: "h6", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', className: "mb-2xs" }), jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: responseOK ? 'Совсем скоро мы с вами свяжемся' : 'Пожалуйста, повторите позднее' })] })] }));
     });
 
     const API = LeadServiceAPI();
@@ -5410,7 +5416,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.120";
+    const packageVersion = "0.14.121";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;