@redneckz/wildless-cms-uni-blocks 0.14.577 → 0.14.578

package/bundle/bundle.umd.js

@@ -1443,6 +1443,14 @@
         phone: phoneValidator,
         secondaryPhone: phoneValidator,
         birthday: defaultValidator,
+        education: defaultValidator,
+        housing: defaultValidator,
+        employment: defaultValidator,
+        organization: defaultValidator,
+        amountWorkers: defaultValidator,
+        employerActivities: defaultValidator,
+        employerOrganization: defaultValidator,
+        positionOrganization: defaultValidator,
         email: defaultValidator,
         fullName: nameValidator,
         inn: innValidator,
@@ -1670,6 +1678,26 @@
     const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
     const AmountField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') })));
 
+    const useLeadFormData = (typeField) => {
+        const { data, error } = useAsyncData(`https://portal-ui-cc.cprb.dev.rshbdev.ru/light-api-cash/v1/dictionary?dictionaryType=${typeField}`, fetchData);
+        return { data, error };
+    };
+    const fetchData = async (url) => {
+        const result = await fetchJSON(url, { method: 'POST' });
+        return result || [];
+    };
+
+    const SelectField = UniBlock(({ field, source, label, fieldName, input }) => {
+        const leadDescription = (source && source?.map((_) => _.description)) || [];
+        return (jsx(SelectControl, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430", label: label, options: arrayToOptions$1(leadDescription), ...getValidation(field(fieldName), validatorObj[fieldName], input?.required) }));
+    });
+    const arrayToOptions$1 = (array) => (array ?? []).map((_) => ({ key: _, value: _ }));
+
+    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 }));
+    });
+
     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 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') })));
@@ -1702,7 +1730,7 @@
     };
     const checkIsToday = (currentDate, today) => today && currentDate.toDateString() === today.toDateString();
     const checkIsDisabled = (currentDate, min, max) => (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
-    const getDayStyles = (isToday, isDisabled) => style('p-s text-center rounded-md border', {
+    const getDayStyles = (isToday = false, isDisabled = false) => style('p-s text-center rounded-md border', {
         'border-transparent hover:bg-gray': !isToday,
     }, isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
 
@@ -1838,11 +1866,31 @@
 
     const DesiredMeetingDateField = 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 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 }));
+    });
+
     const EmailField = JSX(({ field, input }) => {
         const { required, ...rest } = input;
         return (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...getValidation(field('email'), validatorObj.email, required), ...rest }));
     });
 
+    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 }));
+    });
+
+    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 }));
+    });
+
+    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 }));
+    });
+
     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 FeedbackTypeField = JSX(({ field, input }) => {
@@ -1857,6 +1905,11 @@
 
     const FullNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E", ...getValidation(field('fullName'), validatorObj.fullName, input?.required), ...input })));
 
+    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 }));
+    });
+
     const InnField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u041D\u041D", type: "number", ...getValidation(field('inn'), validatorObj.inn, input?.required) })));
 
     const IsClientField = JSX(({ field }) => (jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' })));
@@ -1892,6 +1945,11 @@
 
     const OnlineCheckoutField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') })) : null);
 
+    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 }));
+    });
+
     const PartnerCommentsField = JSX(({ field, input }) => {
         const { required, ...rest } = input;
         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 }));
@@ -1914,7 +1972,9 @@
     const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
         const handleChange = useCallback((v) => onChange && onChange(normalizePhone(v)), [onChange]);
         const handleBlur = useCallback((v) => {
-            v === '+7 (' ? onChange && onChange('') : null;
+            if (v === '+7 (') {
+                onChange && onChange('');
+            }
         }, []);
         return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
     });
@@ -1923,6 +1983,11 @@
 
     const PhoneField = JSX(({ field, input }) => (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field('phone'), validatorObj.phone, input?.required) })));
 
+    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 }));
+    });
+
     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);
 
     const ProcessPersonalDataField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445", ...getValidation(field('processPersonalDataLeadFlg'), validatorObj.processPersonalDataLeadFlg, input?.required) })));
@@ -2034,6 +2099,14 @@
             applicationDate: (jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field('applicationDate') })),
             consentPfrFlg: (jsx(CheckboxWithError, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u0437\u0430\u043F\u0440\u043E\u0441 \u0432 \u041F\u0424\u0420", ...field('consentPfrFlg') })),
             region: isPremium ? (jsx(RegionPremiumField, { field: field })) : (jsx(RegionField, { field: field, input: input, url: getRegionUrl(typeForm) })),
+            education: jsx(EducationField, { field: field, input: input }),
+            housing: jsx(HousingField, { field: field, input: input }),
+            employment: jsx(EmploymentField, { field: field, input: input }),
+            organization: jsx(OrganizationField, { field: field, input: input }),
+            amountWorkers: jsx(AmountWorkersField, { field: field, input: input }),
+            employerActivities: jsx(EmployerActivitiesField, { field: field, input: input }),
+            employerOrganization: jsx(EmployerOrganizationField, { field: field, input: input }),
+            positionOrganization: jsx(PositionOrganizationField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -3999,7 +4072,10 @@
                     }) }), children ? (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: children })) : null] }));
     });
     const getStretchedStyle = (stretched = false) => stretched ? 'flex-1 @lg:flex-initial justify-center' : '';
-    const getClassName = (hasText, stretched, showButtonText = false) => style(hasText || stretched ? 'basis-full' : '', stretched && (showButtonText ? !hasText : true) ? 'flex-nowrap' : '');
+    const getClassName = (hasText, stretched, showButtonText = false) => {
+        const textStyleCondition = showButtonText ? !hasText : true;
+        return style(hasText || stretched ? 'basis-full' : '', stretched && textStyleCondition ? 'flex-nowrap' : '');
+    };
 
     const ImageAlwaysOnRight = true;
 
@@ -4024,10 +4100,10 @@
             }
         }), [options?.parent]);
         return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: () => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isVisible, children: hiddenCells })] })), renderFoldButton: cardCells.length >= visibleCellsCount
-                        ? renderFoldButton$3(isVisible, options?.parent, data)
+                        ? renderFoldButton$3(options?.parent, data, isVisible)
                         : null })) : (jsx("div", { children: visibleCells }))] }));
     });
-    const renderFoldButton$3 = (isUnfolded, parent, data) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
+    const renderFoldButton$3 = (parent, data, isUnfolded = false) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
             if (parent !== undefined) {
                 defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
             }
@@ -5215,7 +5291,8 @@
     const renderInvestmentColumn = (column, i, arr) => {
         const isSecondColumn = i === 1;
         const isLastColumn = i === arr.length - 1;
-        return (jsx("div", { className: `${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`, children: column.cells?.length ? (jsx("div", { className: `w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''}`, children: column.cells.reverse().map(renderInvestmentCell) })) : null }, `column_${i}`));
+        const reversedCells = column.cells?.reverse() || [];
+        return (jsx("div", { className: `${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`, children: reversedCells.length ? (jsx("div", { className: `w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''}`, children: reversedCells.map(renderInvestmentCell) })) : null }, `column_${i}`));
     };
     const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
         cells.length ? 'flex-1' : 'flex-0',
@@ -5689,14 +5766,13 @@
         const allButtonVersion = getVersion(activeButton === 'all');
         const businessButtonVersion = getVersion(activeButton === 'business');
         const handleClick = (e, key, branches) => {
-            if (e.currentTarget === e.target && key === 'business') {
-                branches.filter((branch) => branch.workSchedule &&
-                    branch.workSchedule.businessScheduleVisibleTag &&
-                    !branch.workSchedule.businessScheduleDescription);
-            }
+            const filteredBranches = e.currentTarget === e.target && key === 'business' ? filterBranches(branches) : branches;
             onButtonClick(key);
-            return branches;
+            return filteredBranches;
         };
+        const filterBranches = (branches) => branches.filter((branch) => branch.workSchedule &&
+            branch.workSchedule.businessScheduleVisibleTag &&
+            !branch.workSchedule.businessScheduleDescription);
         return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
     };
 
@@ -5711,7 +5787,7 @@
             : [filtersCheckbox, []];
         return (jsx("div", { children: filters?.length ? (jsx("div", { children: jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters }), jsx(FoldableSection, { className: COMMON_FILTERS_STYLES, isUnfolded: isUnfolded, children: hiddenFilters })] })), renderFoldButton: renderFoldButton$2(reset, onlyOffice) }) })) : null }));
     };
-    const renderFoldButton$2 = (reset, onlyOffice) => ({ isUnfolded, onToggle }) => {
+    const renderFoldButton$2 = (reset, onlyOffice = false) => ({ isUnfolded, onToggle }) => {
         const labels = ['Больше фильтров', 'Меньше фильтров'];
         const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
         return (jsxs("div", { className: "flex space-x-lg", children: [onlyOffice ? (jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", appendRight: jsx(Icon, { name: icons[Number(isUnfolded)], width: "16", height: "16" }), text: labels[Number(isUnfolded)], onClick: onToggle })) : null, jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", onClick: reset, children: renderBtnInner() })] }));
@@ -6767,8 +6843,8 @@
     };
 
     const DialogManager = JSX(() => {
-        const handleCloseAll = useCallback((dialogs) => {
-            for (const _ of dialogs) {
+        const handleCloseAll = useCallback((dialogActions) => {
+            for (const _ of dialogActions) {
                 _?.onClose && _.onClose();
             }
         }, []);
@@ -6858,7 +6934,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.576";
+    const packageVersion = "0.14.577";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;