@redneckz/wildless-cms-uni-blocks 0.14.592 → 0.14.593

package/bundle/bundle.umd.js

@@ -1170,7 +1170,9 @@
 
     const renderLabel = (label) => label ? (jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label })) : null;
 
-    const Input = JSX(({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, }) => {
+    const Input = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, disabled = false, }) => {
         const inputRef = useRef(null);
         const handleChange = useCallback((e) => {
             const valueWithoutSpace = (e.target?.value || '').trimStart();
@@ -1183,7 +1185,7 @@
         }, [autoFocus, inputRef]);
         const paddingStyle = children ? 'pr-3xl' : '';
         const validStyle = getValidStyle(valid);
-        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { type: type, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key))] }), children] }));
+        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, disabled: disabled }, key)) : (jsx("input", { type: type, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern, disabled: disabled }, key))] }), children] }));
     });
     const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
     const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
@@ -1458,6 +1460,7 @@
         phone: phoneValidator('Укажите номер телефона'),
         secondaryPhone: phoneValidator('Укажите номер телефона'),
         birthday: defaultValidator('Укажите дату рождения'),
+        birthPlace: defaultValidator('Укажите место рождения'),
         education: defaultValidator('Выберите ваше образование'),
         housing: defaultValidator('Выберите тип жилья'),
         employment: defaultValidator('Выберите информацию о трудоустройстве'),
@@ -1511,6 +1514,9 @@
         snils: snilsValidator('Некорректный номер СНИЛС'),
         conscription: defaultValidator(),
         armyIdFlg: agreementValidator,
+        sex: defaultValidator('Укажите свой пол'),
+        participantAddress: defaultValidator('Необходимо выбрать адрес'),
+        participantDateRegistration: defaultValidator('Укажите дату регистрации'),
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
@@ -1912,6 +1918,8 @@
 
     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 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 })));
+
     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) })));
@@ -2030,10 +2038,7 @@
 
     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 }) => {
-        const { required, ...rest } = input;
-        return (jsx(InputControl, { label: "\u0418\u043C\u044F", ...getValidation(field('name'), validatorObj.name, required), ...rest }));
-    });
+    const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
 
     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] })));
 
@@ -2046,6 +2051,10 @@
 
     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 })));
 
+    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) })));
+
     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 }));
@@ -2075,9 +2084,9 @@
         return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
     });
 
-    const InputPhoneControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "+7 (___) ___-__-__" }), renderErrorText(error)] })));
+    const InputPhoneControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: rest?.errors ? `${label}*` : label, valid: Boolean(!error), placeholder: "+7 (___) ___-__-__", ...rest }), renderErrorText(error)] })));
 
-    const PhoneField = JSX(({ field, input }) => (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field('phone'), validatorObj.phone, input?.required) })));
+    const PhoneField = JSX(({ field, input }) => (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field('phone'), validatorObj.phone, input?.required), ...input })));
 
     const PositionOrganizationField = JSX(({ field, input }) => {
         const { data: positionOrganization } = useLeadFormData('POSITION');
@@ -2114,6 +2123,21 @@
 
     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 orientationStyleMap = {
+        horizontal: '@lg:flex-row',
+        vertical: '',
+    };
+    const RadioButtonGroup = JSX(({ title, items, checkedItem, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [title ? (jsx("div", { role: "radiogroup", "aria-label": title, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
+
+    const SEX_TYPES = [
+        { id: 'male', text: 'Мужской' },
+        { id: 'female', text: 'Женский' },
+    ];
+    const SexField = JSX(({ field }) => {
+        const { value, onChange } = field('sex');
+        return (jsx(RadioButtonGroup, { title: "\u041F\u043E\u043B", orientation: "horizontal", items: SEX_TYPES, checkedItem: value, onChange: (_) => onChange && onChange(_) }));
+    });
+
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
     const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
@@ -2159,13 +2183,11 @@
 
     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] }) })));
-
     const VED_TYPES = [
-        'currencyControl',
-        'documentOperations',
-        'conversionTransactions',
-        'otherIssues',
+        { id: 'currencyControl', text: 'Валютный контроль' },
+        { id: 'documentOperations', text: 'Документарные операции' },
+        { id: 'conversionTransactions', text: 'Конверсионные операции' },
+        { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
     ];
     const VedField = JSX(({ field }) => {
         const { value, onChange } = field('vedTypes');
@@ -2175,7 +2197,7 @@
                 field?.('region')?.onChange?.('');
             }
         }, [value]);
-        return (jsxs("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", 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 }), 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 }), 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 }), 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 })] }));
+        return (jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, checkedItem: value, onChange: (_) => onChange && onChange(_) }) }));
     });
 
     function isRenderField({ input, field, }) {
@@ -2209,7 +2231,9 @@
             fullAddress: jsx(FullAddressField, { field: field, input: input }),
             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 }),
+            birthPlace: jsx(BirthPlaceField, { field: field, input: input }),
             desiredMeetingDate: jsx(DesiredMeetingDateField, { field: field, input: input }),
             product: jsx(ProductField, { field: field, source: PRODUCT_REF }),
             localities: jsx(LocalitiesField, { field: field, input: input }),
@@ -2248,6 +2272,7 @@
             positionOrganization: jsx(PositionOrganizationField, { field: field, input: input }),
             familyStatus: jsx(FamilyStatusField, { field: field, input: input }),
             children: jsx(ChildrenField, { field: field, input: input }),
+            // eslint-disable-next-line max-lines
             familyMembers: jsx(FamilyMembersField, { field: field, input: input }),
             dependents: jsx(DependentsField, { field: field, input: input }),
             totalIncome: jsx(TotalIncomeField, { field: field, input: input }),
@@ -2260,6 +2285,8 @@
             dulIssueDateField: jsx(DulIssueDateField, { field: field, input: input }),
             dulSubdivisionCode: jsx(DulSubdivisionCode, { field: field, input: input }),
             dulIssuedBy: jsx(DulIssuedBy, { field: field, input: input }),
+            participantAddress: jsx(ParticipantAddressField, { field: field, input: input }),
+            participantDateRegistration: jsx(ParticipantDateRegistrationField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -2366,7 +2393,7 @@
     const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
     const getVedTypes = (vedTypes) => vedTypes
         ? {
-            vedTypes: Object.fromEntries(VED_TYPES.map((v) => [v, v === vedTypes])),
+            vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
         }
         : {};
 
@@ -2504,6 +2531,8 @@
         consentAssignmentClaimsFlg: false,
         consentCollectionFlg: false,
         consentInformFlg: false,
+        participantAddress: '',
+        participantDateRegistration: undefined,
     };
     const getInitialFormState = (inputs, typeForm = '') => {
         const formState = Object.fromEntries(inputs.map((_) => [
@@ -3613,12 +3642,6 @@
     const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
     const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
 
-    const orientationStyleMap = {
-        horizontal: 'gap-5xl',
-        vertical: 'flex-col gap-s',
-    };
-    const RadioButtonGroup = JSX(({ items, checkedItem, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (jsx("div", { className: style(`flex ${orientationStyleMap[orientation]}`, className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: checkedItem === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })));
-
     const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, onChange, ...rest }) => (jsxs("div", { className: "grid gap-s whitespace-nowrap", children: [title ? (jsx("div", { className: "hidden @5xl:block", role: "radiogroup", "aria-label": title, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", role: "radiogroup", "aria-label": mobileTitle, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, checkedItem: items[value ? 0 : 1].id, onChange: (_) => onChange && onChange(_ === items[0].id), ...rest })] }));
 
     const renderPayout = (props) => renderBinaryRadioButtonGroup({
@@ -6725,6 +6748,8 @@
         return foldButtonVersion === 'accordion' ? (jsx(AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
     };
 
+    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] }) })));
+
     const RadioButtons = JSX(({ className = '' }) => {
         const [selectedOption, setSelectedOption] = useState('option2');
         const onChange = useCallback((_) => setSelectedOption(_), []);
@@ -7433,7 +7458,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.591";
+    const packageVersion = "0.14.592";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;