@redneckz/wildless-cms-uni-blocks 0.14.603 → 0.14.605

package/bundle/bundle.umd.js

@@ -1516,6 +1516,15 @@
         sex: defaultValidator('Укажите свой пол'),
         participantAddress: defaultValidator('Необходимо выбрать адрес'),
         participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+        retirementIncome: defaultValidator(),
+        otherIncome: defaultValidator(),
+        mandatoryIncome: defaultValidator(),
+        otherPayments: defaultValidator(),
+        disablePeopleFlg: defaultValidator(),
+        bankruptcyFlg: defaultValidator(),
+        shareholderFlg: defaultValidator(),
+        legalEntityName: defaultValidator(),
+        bankEmployeeCode: defaultValidator(),
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
@@ -1782,8 +1791,12 @@
 
     const ArmyIdFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u041D\u0430\u043B\u0438\u0447\u0438\u0435 \u0432\u043E\u0435\u043D\u043D\u043E\u0433\u043E \u0431\u0438\u043B\u0435\u0442\u0430", ...getValidation(field('armyIdFlg'), validatorObj.armyIdFlg) })));
 
+    const BankEmpoleeCodeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u0434 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0411\u0430\u043D\u043A\u0430", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434", type: "number", ...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required), ...input })));
+
     const BankEmpoleeField = JSX(({ field }) => (jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') })));
 
+    const BankruptcyFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...getValidation(field('bankruptcyFlg'), validatorObj.bankruptcyFlg) })));
+
     const useElementSpace = (ref, heightEl) => {
         const [spaceAbove, setSpaceAbove] = useState(false);
         useEffect(() => {
@@ -2069,10 +2082,20 @@
 
     const ConsentField = JSX(({ field, input }) => input && input.name ? (jsx(CheckboxWithDoc, { text: CONSENTS[input.name]?.text, docId: CONSENTS[input.name]?.docId, ...getValidation(field(input.name), validatorObj[input.name], input?.required) })) : null);
 
+    const LABEL_TEXT = 
+    // eslint-disable-next-line max-len
+    'Имеет ли юридическое лицо, акционером / участником / членом / пайщиком / вкладчиком с долей участия более 20% уставного капитала руководителем, которого Вы являетесь, кредит в АО «Россельзбанк»';
+    const CreditInRshbCdField = JSX(({ field, input }) => {
+        const { data: creditInRshbCd } = useLeadFormData('creditInRshbCd');
+        return (jsx(SelectField, { field: field, source: creditInRshbCd, label: LABEL_TEXT, fieldName: "creditInRshbCd", input: input }));
+    });
+
     const DependentsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", type: "number", ...getValidation(field('dependents'), validatorObj.dependents, input?.required), ...input })));
 
     const DesiredMeetingDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0438", ...getValidation(field('desiredMeetingDate'), validatorObj.meetingDay, input?.required) })));
 
+    const DisablePeopleFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u0438\u043D\u0432\u0430\u043B\u0438\u0434\u043E\u043C", ...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg) })));
+
     const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required) })));
 
     const DulIssuedByField = JSX(({ field, input }) => {
@@ -2157,6 +2180,10 @@
 
     const LastJobExperienceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436 \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u043C \u0440\u0430\u0431\u043E\u0447\u0435\u043C \u043C\u0435\u0441\u0442\u0435", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required), ...input })));
 
+    const LegalEntityNameField = JSX(({ field, input }) => {
+        return (jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430", ...input, ...getValidation(field('legalEntityName'), validatorObj.legalEntityName, input?.required) }));
+    });
+
     const LegalFormField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u041F\u0424", placeholder: "\u041E\u041E\u041E, \u041F\u0410\u041E  \u0438 \u0434\u0440.", ...getValidation(field('legalForm'), validatorObj.legalForm, input?.required), ...input })));
 
     const REGIONS_URL = '/api/v1/regions';
@@ -2179,6 +2206,8 @@
         return (jsx(SelectControl, { label: "\u041D\u0430\u0441\u0435\u043B\u0435\u043D\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043E\u0440\u043E\u0434, \u0433\u0434\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441", options: localities, ...getValidation(field('localities'), validatorObj.localities, input?.required), isSearch: true }));
     });
 
+    const MandatoryIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('mandatoryIncome'), validatorObj.mandatoryIncome, input?.required), ...input })));
+
     const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
 
     const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
@@ -2200,6 +2229,10 @@
         return (jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...input, ...getValidation(field('organizationName'), validatorObj.organizationName, input?.required), onDaDataChange: onDaDataChange }));
     });
 
+    const OtherIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('otherIncome'), validatorObj.otherIncome, input?.required), ...input })));
+
+    const OtherPaymentsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0432\u044B\u043F\u043B\u0430\u0442\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('otherPayments'), validatorObj.otherPayments, input?.required), ...input })));
+
     const ParticipantAddressField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field('participantAddress'), validatorObj.participantAddress, input?.required), ...input })));
 
     const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...getValidation(field('participantDateRegistration'), validatorObj.participantDateRegistration, input?.required) })));
@@ -2261,6 +2294,8 @@
         return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...getValidation(field('region'), validatorObj.region, input?.required) }));
     });
 
+    const RetirementIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('retirementIncome'), validatorObj.retirementIncome, input?.required), ...input })));
+
     const SecondaryPhoneField = JSX(({ field }) => {
         const fieldPhone = field('secondaryPhone');
         return (jsx(InputPhoneControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...(!fieldPhone.value || fieldPhone.value === '+7 ('
@@ -2284,6 +2319,8 @@
     ];
     const SexField = JSX(({ field, input }) => (jsx(RadioButtonGroupControl, { label: "\u041F\u043E\u043B", orientation: "horizontal", items: SEX_TYPES, ...getValidation(field('sex'), validatorObj.sex, input?.required) })));
 
+    const ShareholderFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u042F \u044F\u0432\u043B\u044F\u044E\u0441\u044C \u0430\u043A\u0446\u0438\u043E\u043D\u0435\u0440\u043E\u043C / \u0443\u0447\u0430\u0441\u0442\u043D\u0438\u043A\u043E\u043C / \u0447\u043B\u0435\u043D\u043E\u043C / \u043F\u0430\u0439\u0449\u0438\u043A\u043E\u043C / \u0432\u043A\u043B\u0430\u0434\u0447\u0438\u043A\u043E\u043C \u0441 \u0434\u043E\u043B\u0435\u0439 \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0431\u043E\u043B\u0435\u0435 20% \u0443\u0441\u0442\u0430\u0432\u043D\u043E\u0433\u043E \u043A\u0430\u043F\u0438\u0442\u0430\u043B\u0430 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430", ...getValidation(field('shareholderFlg'), validatorObj.shareholderFlg) })));
+
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
     const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
@@ -2433,6 +2470,16 @@
             dulIssuedBy: jsx(DulIssuedByField, { field: field, input: input }),
             participantAddress: jsx(ParticipantAddressField, { field: field, input: input }),
             participantDateRegistration: jsx(ParticipantDateRegistrationField, { field: field, input: input }),
+            retirementIncome: jsx(RetirementIncomeField, { field: field, input: input }),
+            otherIncome: jsx(OtherIncomeField, { field: field, input: input }),
+            mandatoryIncome: jsx(MandatoryIncomeField, { field: field, input: input }),
+            otherPayments: jsx(OtherPaymentsField, { field: field, input: input }),
+            disablePeopleFlg: jsx(DisablePeopleFlgField, { field: field, input: input }),
+            bankruptcyFlg: jsx(BankruptcyFlgField, { field: field, input: input }),
+            shareholderFlg: jsx(ShareholderFlgField, { field: field, input: input }),
+            legalEntityName: jsx(LegalEntityNameField, { field: field, input: input }),
+            creditInRshbCd: jsx(CreditInRshbCdField, { field: field, input: input }),
+            bankEmployeeCode: jsx(BankEmpoleeCodeField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -2633,53 +2680,6 @@
         return [storedValue, setValue];
     }
 
-    const initialFormState = {
-        typeForm: '',
-        region: { key: '', text: '' },
-        addressBranch: { key: '', text: '' },
-        surname: '',
-        name: '',
-        phone: '',
-        secondaryPhone: '',
-        comment: '',
-        product: '',
-        partnerComments: '',
-        annualRevenue: '',
-        term: 12,
-        amount: 100000,
-        acquiringType: ACQUIRING_TYPES[0],
-        serviceType: SERVICE_TYPES[0],
-        feedbackMethod: FEEDBACK_METHOD[0],
-        serviceDirection: SERVICE_DIRECTIONS[0],
-        vedTypes: VED_TYPES[0],
-        birthday: undefined,
-        isClient: false,
-        onlineCheckout: false,
-        posTerminal: false,
-        consentToReceiveMaterials: false,
-        consentDataProcessing: false,
-        processPersonalDataLeadFlg: false,
-        consentProviderFlg: false,
-        consentPhotoFlg: false,
-        consentAssignmentClaimsFlg: false,
-        consentCollectionFlg: false,
-        consentInformFlg: false,
-        participantAddress: '',
-        participantDateRegistration: undefined,
-    };
-    const getInitialFormState = (inputs, savedForm, typeForm = '') => {
-        if (savedForm) {
-            const formState = JSON.parse(savedForm);
-            formState.birthday = new Date(formState?.birthday || 0);
-            return formState;
-        }
-        const formState = Object.fromEntries(inputs.map((_) => [
-            _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
-        ]));
-        return { ...formState, typeForm: { key: typeForm, text: '' } };
-    };
-
     const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
         const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
         const onToggle = useCallback(() => {
@@ -2737,6 +2737,62 @@
     });
     const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
 
+    const renderInputs = ({ field, typeForm = '', inputs }) => {
+        const { consentInputs, restInputs } = splitInputs(inputs || []);
+        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm)));
+    };
+    const splitInputs = (inputs) => ({
+        consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name)) || [],
+        restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name)) || [],
+    });
+
+    const initialFormState = {
+        typeForm: '',
+        region: { key: '', text: '' },
+        addressBranch: { key: '', text: '' },
+        surname: '',
+        name: '',
+        phone: '',
+        secondaryPhone: '',
+        comment: '',
+        product: '',
+        partnerComments: '',
+        annualRevenue: '',
+        term: 12,
+        amount: 100000,
+        acquiringType: ACQUIRING_TYPES[0],
+        serviceType: SERVICE_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
+        vedTypes: VED_TYPES[0],
+        birthday: undefined,
+        isClient: false,
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+        processPersonalDataLeadFlg: false,
+        consentProviderFlg: false,
+        consentPhotoFlg: false,
+        consentAssignmentClaimsFlg: false,
+        consentCollectionFlg: false,
+        consentInformFlg: false,
+        participantAddress: '',
+        participantDateRegistration: undefined,
+    };
+    const getInitialFormState = (inputs, savedForm, typeForm = '') => {
+        if (savedForm) {
+            const formState = JSON.parse(savedForm);
+            formState.birthday = new Date(formState?.birthday || 0);
+            return formState;
+        }
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+        ]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
+    };
+
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
     const getUpdateUserProfileData = (profileId, formData) => {
@@ -3132,14 +3188,6 @@
         }, [responseType]);
         return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs({ field, typeForm, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
-    const renderInputs = ({ field, typeForm = '', inputs }) => {
-        const { consentInputs, restInputs } = splitInputs(inputs || []);
-        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm)));
-    };
-    const splitInputs = (inputs) => ({
-        consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name)) || [],
-        restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name)) || [],
-    });
 
     const NotFound = JSX(({ title, description }) => {
         const isMobileMode = useMobileMode();
@@ -4777,6 +4825,268 @@
     const renderBlocks = (info) => (jsx("div", { className: "flex gap-5xl grow basis-0", children: info.map((column, i) => renderBlocksColumn({ column, i })) }));
     const renderBlocksColumn = ({ column, i }) => column ? (jsx("div", { className: "flex flex-col gap-xl grow basis-0", children: column.map(({ title = '', description, additionalDescription, button }, key) => (jsxs("div", { children: [jsx(Headline, { title: title, description: description, headlineVersion: "XS", align: "text-left", isEmbedded: true }), additionalDescription ? (jsx("div", { className: "mt-xs opacity-80", children: jsx(Paragraph, { size: "text-m", font: "font-light", children: additionalDescription }) })) : null, jsx("div", { className: style({ 'mt-xl': Boolean(button?.text) }), children: renderButtonsSection([button]) })] }, String(key)))) }, `col-${String(i)}`)) : null;
 
+    const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black' }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsx(RichText, { __html: __html })] })));
+
+    const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
+
+    const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
+        const progress = useMemo(() => (step / totalSteps) * 100, [step, totalSteps]);
+        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), ' ', stepsTitles[step - 1] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
+    });
+
+    /* eslint-disable max-lines */
+    /* eslint-disable max-len */
+    const stepsSectionsMap = {
+        1: [
+            {
+                title: 'Персональные данные',
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'surname', required: true, dadata: true },
+                    { fieldType: 'common', name: 'name', required: true, dadata: true },
+                    { fieldType: 'common', name: 'middleName', dadata: true },
+                    { fieldType: 'common', name: 'sex', required: true },
+                    { fieldType: 'common', name: 'birthday', required: true },
+                    { fieldType: 'common', name: 'birthPlace', required: true },
+                    { fieldType: 'common', name: 'phone', required: true },
+                    { fieldType: 'common', name: 'email', required: true, dadata: true },
+                ],
+            },
+            {
+                title: 'Паспортные данные',
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'dulSerie', required: true },
+                    { fieldType: 'common', name: 'dulNumber', required: true },
+                    { fieldType: 'common', name: 'dulIssueDateField', required: true },
+                    { fieldType: 'common', name: 'dulSubdivisionCode', required: true, dadata: true },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'dulIssuedBy', required: true, dadata: true },
+                    {
+                        fieldType: 'common',
+                        name: 'education',
+                        required: true,
+                    },
+                ],
+            },
+            {
+                title: 'Адрес регистрации по месту жительства',
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'participantAddress', required: true },
+                    { fieldType: 'common', name: 'participantAddress', required: true, dadata: true },
+                ],
+            },
+            {
+                title: 'Адрес фактического проживания (место пребывания РФ)',
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'fullAddress', required: true, dadata: true },
+                    { fieldType: 'common', name: 'housing', required: true },
+                ],
+            },
+        ],
+        2: [
+            {
+                title: 'Данные о трудоустройстве',
+                inputs: [],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+                    },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'employment', required: true },
+                    { fieldType: 'common', name: 'organizationName', required: true, dadata: true },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'inn', required: true, dadata: true },
+                    { fieldType: 'common', name: 'legalForm', required: true },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'organization', required: true },
+                    { fieldType: 'common', name: 'amountWorkers', required: true },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'employerActivities', required: true },
+                    { fieldType: 'common', name: 'employerOrganization', required: true },
+                    { fieldType: 'common', name: 'generalSeniority', required: true },
+                    { fieldType: 'common', name: 'lastJobExperience', required: true },
+                    { fieldType: 'common', name: 'experience5Years', required: true },
+                    { fieldType: 'common', name: 'jobsNumber', required: true },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'phone', label: 'Телефон работодателя', required: true },
+                    { fieldType: 'common', name: 'beginDate', required: true },
+                    { fieldType: 'common', name: 'positionOrganization', required: true },
+                ],
+            },
+            {
+                title: 'Адрес работодателя',
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'fullAddress', required: true }],
+            },
+        ],
+        3: [
+            {
+                title: 'Семейное положение',
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'familyStatus' }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'dependents' }],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'familyMembers' },
+                    { fieldType: 'common', name: 'familyMembers' },
+                    { fieldType: 'common', name: 'retirementIncome' },
+                    { fieldType: 'common', name: 'otherIncome' },
+                ],
+            },
+            {
+                title: 'Совокупный доход',
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Сумма основного и дополнительных доходов после вычета налога',
+                    },
+                ],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'mandatoryIncome' }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'otherPayments' }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'snils' }],
+            },
+            {
+                columns: 2,
+                inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
+            },
+        ],
+        4: [
+            {
+                title: 'Дополнительные сведения',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'disablePeopleFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'bankruptcyFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'shareholderFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'legalEntityName' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
+            },
+        ],
+        5: [
+            {
+                title: 'Отделение Банка',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'region' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'addressBranch' }],
+            },
+            {
+                title: 'Код представителя Банка',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                    },
+                ],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
+            },
+        ],
+    };
+
+    const StepsNavigationButtons = JSX(({ step, setStep, totalSteps }) => {
+        const handleNext = () => {
+            if (step < totalSteps) {
+                setStep(step + 1);
+            }
+        };
+        const handlePrev = () => {
+            if (step > 1) {
+                setStep(step - 1);
+            }
+        };
+        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: handlePrev, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: step === 1, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { onClick: handleNext, className: style('w-full @xl:w-auto'), type: "button", disabled: step === totalSteps, children: "\u0414\u0430\u043B\u0435\u0435" })] }));
+    });
+
+    const STEPS_COUNT = 5;
+    const STEPS_TITLES = [
+        'Персональные данные',
+        'Данные о трудоустройстве',
+        'Данные о доходах и расходах',
+        'Дополнительные сведения',
+        'Отделение Банка',
+    ];
+    const CreditForm = JSX(({ className, typeForm = '', sections = [], ...rest }) => {
+        const [step, setStep] = useState(1);
+        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+        const initialFormState = getInitialFormState(inputs, typeForm);
+        const handleSubmit = () => false;
+        const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections: stepsSectionsMap[step], typeForm, field }), jsx(StepsNavigationButtons, { step: step, setStep: setStep, totalSteps: STEPS_COUNT })] }) })] }) }));
+    });
+    const renderStep$1 = ({ sections, field, typeForm }) => {
+        return sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, typeForm, inputs: _?.inputs })] }, `section-${i}`)));
+    };
+    const renderInfo$1 = (inputs = []) => {
+        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+        return infoInputs.length ? infoInputs.map(({ text }) => jsx(InfoCard, { __html: text })) : null;
+    };
+
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
 
     const numberRange = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
@@ -7360,6 +7670,7 @@
         CarouselRecommendationCard,
         CarouselTariffsCard,
         ContactsBlock,
+        CreditForm,
         DepositFiltration,
         Depository,
         ErrorBlock,
@@ -7566,7 +7877,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.602";
+    const packageVersion = "0.14.604";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;