@redneckz/wildless-cms-uni-blocks 0.14.646 → 0.14.647

package/bundle/bundle.umd.js

@@ -2166,7 +2166,22 @@
 
     const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...getValidation(field('beginDate'), validatorObj.beginDate, calculateIsRequired(field, input?.required)), ...input })));
 
-    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 MIN_AGE = 23;
+    const MAX_AGE = 75;
+    const AGE_ERROR_MESSAGE = 'Допустимый возраст заёмщика - от 23 до 75 лет';
+    const BirthdayField = JSX(({ field, input, isRetailForm = false }) => {
+        const { value } = field('birthday');
+        return (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required), error: isRetailForm && value && !birthdayValidate(value) ? AGE_ERROR_MESSAGE : '' }));
+    });
+    const birthdayValidate = (date) => {
+        const today = new Date();
+        const minDate = new Date(today.getFullYear() - MIN_AGE, today.getMonth(), today.getDate());
+        const maxDate = new Date(today.getFullYear() - MAX_AGE, today.getMonth(), today.getDate());
+        if (!date || date > minDate || date < maxDate) {
+            return false;
+        }
+        return true;
+    };
 
     const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input })));
 
@@ -3266,9 +3281,7 @@
     const PRODUCT_REF = {
         $ref: '/wcms-resources/outservice-productlist.json',
     };
-    const getField = 
-    // eslint-disable-next-line max-lines-per-function
-    (field, typeForm) => (input, i) => {
+    const getField = (field, typeForm, isRetailForm = false) => (input, i) => {
         const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
         const InputsMap = {
             surname: jsx(SurnameField, { field: field, input: input }),
@@ -3291,7 +3304,7 @@
             comment: jsx(CommentField, { field: field, input: input }),
             addressBranch: jsx(AddressBranchField, { field: field, input: input, isPremium: isPremium }),
             sex: jsx(SexField, { field: field, input: input }),
-            birthday: jsx(BirthdayField, { field: field, input: input }),
+            birthday: jsx(BirthdayField, { field: field, input: input, isRetailForm: isRetailForm }),
             birthPlace: jsx(BirthPlaceField, { field: field, input: input }),
             desiredMeetingDate: jsx(DesiredMeetingDateField, { field: field, input: input }),
             product: jsx(ProductField, { field: field, source: PRODUCT_REF }),
@@ -3544,9 +3557,9 @@
     });
     const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", type: "button", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
 
-    const renderInputs$1 = ({ field, typeForm = '', inputs }) => {
+    const renderInputs$1 = ({ field, typeForm = '', inputs, isRetailForm = false, }) => {
         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)));
+        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm, isRetailForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm, isRetailForm)));
     };
     const splitInputs = (inputs) => ({
         consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name || '')) || [],
@@ -3901,7 +3914,7 @@
             }
         }, []);
         const consentText = showRefuceContent ? refuseConsentText : defaultConsentText;
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(open, CONSENT_BKI_ID, isMobile), children: jsx(Heading, { className: "text-center text-balance", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg py-0 px-5xl", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(open, CONSENT_BKI_ID, isMobile), children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
     });
     const ITEMS$1 = [
         { id: 'SIGNED', text: 'Подписать' },
@@ -4260,7 +4273,7 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs, isRetailForm: true })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
 
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (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 }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
@@ -8871,7 +8884,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.645";
+    const packageVersion = "0.14.646";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;