@redneckz/wildless-cms-uni-blocks 0.14.584 → 0.14.586

package/bundle/bundle.umd.js

@@ -1420,9 +1420,28 @@
     const defaultValidator = required(ERROR_MESSAGE);
     const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
     const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
+    const lengthStringValidator = (maxLength) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
     const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
     const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
     const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
+    const snilsValidate = (snils) => {
+        const snl = String(snils).replace(/[^0-9]+/g, '');
+        if (snl.length === 11) {
+            let checksum = 0;
+            for (let i = 0; i < 9; i++) {
+                checksum += parseInt(snl.charAt(i)) * (9 - i);
+            }
+            if (checksum > 101) {
+                checksum = checksum % 101;
+            }
+            if (checksum === 100 || checksum === 101) {
+                checksum = 0;
+            }
+            return checksum === parseInt(snl.substr(9));
+        }
+        return false;
+    };
+    const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);
 
     const validatorObj = {
         typeForm: defaultValidator,
@@ -1472,6 +1491,15 @@
         consentAssignmentClaimsFlg: agreementValidator,
         consentCollectionFlg: agreementValidator,
         consentInformFlg: agreementValidator,
+        familyStatus: defaultValidator,
+        children: lengthStringValidator(2),
+        familyMembers: lengthStringValidator(2),
+        dependents: lengthStringValidator(2),
+        totalIncome: lengthStringValidator(19),
+        expenses: lengthStringValidator(10),
+        snils: snilsValidator,
+        conscription: defaultValidator,
+        armyIdFlg: agreementValidator,
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
@@ -1589,8 +1617,9 @@
     };
 
     const REGIONS_URL$1 = '/api/v1/branchesByRegions';
-    function useBranchesByRegions() {
-        const { data } = useAsyncData(REGIONS_URL$1, fetchJSONUnsafe);
+    const PREMIUM_REGIONS_URL = '/api/v1/premiumBranchesByRegions';
+    function useBranchesByRegions(isPremium = false) {
+        const { data } = useAsyncData(isPremium ? PREMIUM_REGIONS_URL : REGIONS_URL$1, fetchJSONUnsafe);
         return Array.isArray(data) ? data : [];
     }
 
@@ -1599,7 +1628,7 @@
         const regionKey = fieldRegion?.value?.key;
         const regionText = fieldRegion?.value?.text;
         const addressBranch = isPremium
-            ? useBranchesByRegions()?.find((_) => _?.region === regionText)?.branches
+            ? useBranchesByRegions(isPremium)?.find((_) => _?.region === regionText)?.branches
             : useBranches(regionKey)?.filter((branch) => branch?.address);
         useEffect(() => {
             if (fieldRegion?.value?.key !== '') {
@@ -1695,11 +1724,13 @@
 
     const AmountWorkersField = JSX(({ field, input }) => {
         const { data: amountWorkers } = useLeadFormData('EMPLOYEES_NUMBER');
-        return (jsx(SelectField, { field: field, source: amountWorkers || [], label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
+        return (jsx(SelectField, { field: field, source: amountWorkers, label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
     });
 
     const AnnualRevenueField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...getValidation(field('annualRevenue'), validatorObj.annualRevenue, input?.required) })));
 
+    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 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 DAY_COUNT = 6;
@@ -1850,10 +1881,17 @@
 
     const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required) })));
 
+    const ChildrenField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('children'), validatorObj.children, input?.required), ...input })));
+
     const CollectionCountField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432 \u0438\u043D\u043A\u0430\u0441\u0441\u0430\u0446\u0438\u0438", type: "number", ...getValidation(field('collectionCount'), validatorObj.collectionCount, input?.required) })));
 
     const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), validatorObj.comment, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
 
+    const ConscriptionField = JSX(({ field, input }) => {
+        const { data: conscription } = useLeadFormData('MILITARY_STATUS');
+        return (jsx(SelectField, { field: field, source: conscription, label: "\u0421\u0442\u0430\u0442\u0443\u0441 \u0432\u043E\u0435\u043D\u043D\u043E\u043E\u0431\u044F\u0437\u0430\u043D\u043D\u043E\u0433\u043E", fieldName: "conscription", input: input }));
+    });
+
     const ConsentAssignmentField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u041F\u0440\u043E\u0447\u0438\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u044F (\u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u0443\u0441\u0442\u0443\u043F\u043A\u0443 \u043F\u0440\u0430\u0432 \u0442\u0440\u0435\u0431\u043E\u0432\u0430\u043D\u0438\u0439)", ...getValidation(field('consentAssignmentClaimsFlg'), validatorObj.consentAssignmentClaimsFlg, input?.required) })));
 
     const ConsentCollectionField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u041F\u0440\u043E\u0447\u0438\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u044F (\u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u0432\u0437\u044B\u0441\u043A\u0430\u043D\u0438\u0435 \u043F\u043E \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0439 \u043D\u0430\u0434\u043F\u0438\u0441\u0438 \u043D\u043E\u0442\u0430\u0440\u0438\u0443\u0441\u0430)", ...getValidation(field('consentCollectionFlg'), validatorObj.consentCollectionFlg, input?.required) })));
@@ -1866,11 +1904,13 @@
 
     const ConsentToReceiveMaterialsField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0435\u043D \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0445 \u0438 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\u043E\u0432 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435", ...getValidation(field('consentToReceiveMaterials'), validatorObj.consentToReceiveMaterials, input?.required) })));
 
+    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 EducationField = JSX(({ field, input }) => {
         const { data: education } = useLeadFormData('EDUCATION_LEVEL');
-        return (jsx(SelectField, { field: field, source: education || [], label: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435", fieldName: "education", input: input }));
+        return (jsx(SelectField, { field: field, source: education, label: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435", fieldName: "education", input: input }));
     });
 
     const EmailField = JSX(({ field, input }) => {
@@ -1880,21 +1920,30 @@
 
     const EmployerActivitiesField = JSX(({ field, input }) => {
         const { data: employerActivities } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
-        return (jsx(SelectField, { field: field, source: employerActivities || [], label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
+        return (jsx(SelectField, { field: field, source: employerActivities, label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
     });
 
     const EmployerOrganizationField = JSX(({ field, input }) => {
         const { data: employerOrganization } = useLeadFormData('ORGANIZATION_KIND');
-        return (jsx(SelectField, { field: field, source: employerOrganization || [], label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
+        return (jsx(SelectField, { field: field, source: employerOrganization, label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
     });
 
     const EmploymentField = JSX(({ field, input }) => {
         const { data: employment } = useLeadFormData('EMPLOYMENT_TYPE');
-        return (jsx(SelectField, { field: field, source: employment || [], label: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435", fieldName: "employment", input: input }));
+        return (jsx(SelectField, { field: field, source: employment, label: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435", fieldName: "employment", input: input }));
     });
 
+    const ExpensesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0432 \u043C\u0435\u0441\u044F\u0446", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('expenses'), validatorObj.expenses, input?.required), ...input })));
+
     const Experience5YearsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", ...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required), ...input })));
 
+    const FamilyMembersField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0447\u043B\u0435\u043D\u043E\u0432 \u0441\u0435\u043C\u044C\u0438", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required), ...input })));
+
+    const FamilyStatusField = JSX(({ field, input }) => {
+        const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
+        return (jsx(SelectField, { field: field, source: familyStatus, label: "\u0421\u0435\u043C\u0435\u0439\u043D\u043E\u0435 \u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", fieldName: "familyStatus", input: input }));
+    });
+
     const FeedbackMethodField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430", options: FEEDBACK_METHOD, ...getValidation(field('feedbackMethod'), validatorObj.feedbackMethod, input?.required) })));
 
     const FullAddressField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field('fullAddress'), validatorObj.fullAddress, input?.required), ...input })));
@@ -1905,7 +1954,7 @@
 
     const HousingField = JSX(({ field, input }) => {
         const { data: housing } = useLeadFormData('HOUSE_TYPE');
-        return (jsx(SelectField, { field: field, source: housing || [], label: "\u0422\u0438\u043F \u0436\u0438\u043B\u044C\u044F", fieldName: "housing", input: input }));
+        return (jsx(SelectField, { field: field, source: housing, label: "\u0422\u0438\u043F \u0436\u0438\u043B\u044C\u044F", fieldName: "housing", input: input }));
     });
 
     const InnField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u041D\u041D", type: "number", ...getValidation(field('inn'), validatorObj.inn, input?.required) })));
@@ -1951,7 +2000,7 @@
 
     const OrganizationField = JSX(({ field, input }) => {
         const { data: organization } = useLeadFormData('ORGANIZATION_TYPE');
-        return (jsx(SelectField, { field: field, source: organization || [], label: "\u0422\u0438\u043F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "organization", input: input }));
+        return (jsx(SelectField, { field: field, source: organization, label: "\u0422\u0438\u043F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "organization", input: input }));
     });
 
     const OrganizationNameField = JSX(({ field, input }) => (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", ...getValidation(field('organizationName'), validatorObj.organizationName, input?.required), ...input })));
@@ -1961,18 +2010,18 @@
         return (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441", isTextarea: true, ...rest }));
     });
 
-    const isPlaceholder = (_) => _ === '_';
-    const isDigit = (_) => /\d/.test(_);
-    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
+    const isPlaceholder$1 = (_) => _ === '_';
+    const isDigit$1 = (_) => /\d/.test(_);
+    const isWildcard$1 = (_) => isPlaceholder$1(_) || isDigit$1(_);
     const phonePattern = [...'+7 (___) ___-__-__'];
-    const firstPlaceholderIndex = phonePattern.findIndex(isPlaceholder);
-    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard(_) ? phonePattern.slice(0, i).filter(isWildcard).length : -1);
+    const firstPlaceholderIndex$1 = phonePattern.findIndex(isPlaceholder$1);
+    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard$1(_) ? phonePattern.slice(0, i).filter(isWildcard$1).length : -1);
     function normalizePhone(phone) {
         const phoneNumbers = phone.replace(/\D/g, '');
-        const applyPlaceholder = (_, i) => isDigit(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
+        const applyPlaceholder = (_, i) => isDigit$1(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
         const result = phonePattern.map(applyPlaceholder);
         const resultLength = phoneWildcardIndicies.indexOf(phoneNumbers.length - 1) + 1;
-        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
+        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex$1, resultLength)) : result).join('');
     }
 
     const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
@@ -1991,7 +2040,7 @@
 
     const PositionOrganizationField = JSX(({ field, input }) => {
         const { data: positionOrganization } = useLeadFormData('POSITION');
-        return (jsx(SelectField, { field: field, source: positionOrganization || [], label: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "positionOrganization", input: input }));
+        return (jsx(SelectField, { field: field, source: positionOrganization, label: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "positionOrganization", input: input }));
     });
 
     const PosTerminalField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })) : null);
@@ -2007,7 +2056,7 @@
     });
 
     const RegionPremiumField = JSX(({ field, input }) => {
-        const branchByRegions = useBranchesByRegions();
+        const branchByRegions = useBranchesByRegions(true);
         const regions = useMemo(() => branchByRegions?.map(({ region }) => ({
             key: region,
             text: region,
@@ -2024,6 +2073,40 @@
 
     const ServiceDirectionField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435", options: SERVICE_DIRECTIONS, ...getValidation(field('serviceDirection'), validatorObj.serviceDirection, input?.required) })));
 
+    const isPlaceholder = (_) => _ === '_';
+    const isDigit = (_) => /\d/.test(_);
+    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
+    const snilsPattern = [...'___-___-___ __'];
+    const firstPlaceholderIndex = snilsPattern.findIndex(isPlaceholder);
+    const snilsWildcardIndicies = snilsPattern.map((_, i) => isWildcard(_) ? snilsPattern.slice(0, i).filter(isWildcard).length : -1);
+    function normalizeSnils(snils) {
+        const snilsNumbers = snils.replace(/\D/g, '');
+        const applyPlaceholder = (_, i) => isDigit(_) ? _ : snilsNumbers.charAt(snilsWildcardIndicies[i]) || _;
+        const result = snilsPattern.map(applyPlaceholder);
+        const resultLength = snilsWildcardIndicies.indexOf(snilsNumbers.length - 1) + 1;
+        const isCursorStart = snilsNumbers.length === 0;
+        if (!isCursorStart) {
+            return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
+        }
+        else {
+            return '';
+        }
+    }
+
+    const SnilsInput = JSX(({ children, onChange, ...inputProps }) => {
+        const handleChange = useCallback((v) => onChange && onChange(normalizeSnils(v)), [onChange]);
+        const handleBlur = useCallback((v) => {
+            if (v === '___-___-___ __') {
+                onChange && onChange('');
+            }
+        }, []);
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
+    });
+
+    const InputSnilsControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(SnilsInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "___-___-___ __" }), renderErrorText(error)] })));
+
+    const SnilsField = JSX(({ field, input }) => (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", ...getValidation(field('snils'), validatorObj.snils, input?.required), ...input })));
+
     const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
 
     const MIN_CREDIT_TERM = 1;
@@ -2031,6 +2114,8 @@
     const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
     const TermField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') })));
 
+    const TotalIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u043E\u0444\u0438\u0446\u0438\u0430\u043B\u044C\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('totalIncome'), validatorObj.totalIncome, input?.required), ...input })));
+
     const UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...getValidation(field('serviceType'), validatorObj.serviceType, input?.required) })));
 
     const Radio = JSX(({ name, text, value, checked, onChange, className }) => (jsx("div", { className: className, children: jsxs("label", { className: "font-sans flex gap-s items-center relative cursor-pointer", children: [jsx("input", { className: style(inputValidStyle.split(' ').filter((_) => _ !== 'rounded'), defaultCheckStyle, 'flex justify-center items-center after:block after:w-2.5 after:h-2.5 after:rounded-full rounded-full', 'checked:border-2 checked:!border-primary-main focus:checked:border-primary-main checked:after:bg-primary-main'), type: "radio", value: value, name: name, checked: checked, onChange: (_) => onChange?.(_.target.value), role: "radio" }), text ? jsx(Text, { color: "text-primary-text", children: text }) : null] }) })));
@@ -2120,6 +2205,15 @@
             employerActivities: jsx(EmployerActivitiesField, { field: field, input: input }),
             employerOrganization: jsx(EmployerOrganizationField, { field: field, input: input }),
             positionOrganization: jsx(PositionOrganizationField, { field: field, input: input }),
+            familyStatus: jsx(FamilyStatusField, { field: field, input: input }),
+            children: jsx(ChildrenField, { field: field, input: input }),
+            familyMembers: jsx(FamilyMembersField, { field: field, input: input }),
+            dependents: jsx(DependentsField, { field: field, input: input }),
+            totalIncome: jsx(TotalIncomeField, { field: field, input: input }),
+            expenses: jsx(ExpensesField, { field: field, input: input }),
+            snils: jsx(SnilsField, { field: field, input: input }),
+            conscription: jsx(ConscriptionField, { field: field, input: input }),
+            armyIdFlg: jsx(ArmyIdFlgField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -7185,7 +7279,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.583";
+    const packageVersion = "0.14.585";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;