@redneckz/wildless-cms-uni-blocks 0.14.143 → 0.14.145

package/bundle/bundle.umd.js

@@ -692,7 +692,6 @@
                                     imageAlign,
                                 }), renderButtons(buttons)] })] })] }));
     });
-    BaseTile.childrenTypes = ['UnitBlock'];
     const getStyle = (padding = '', defaultPadding = '', className = '') => style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
     const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
     const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
@@ -819,6 +818,7 @@
     const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
 
     const ProductBlock = JSX(({ className, padding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: "p-6xl", padding: padding, className: "grow h-full", ...rest }) })));
+    ProductBlock.childrenTypes = ['UnitBlock'];
 
     const isFilled = (_) => _ !== null && _ !== undefined;
 
@@ -1001,6 +1001,8 @@
         ];
     };
 
+    const formatPhone = (phone) => phone.replace(/[^+\d]/g, '');
+
     const objectValidator = (validatorsMap) => (o) => (o &&
         Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
         [];
@@ -1089,23 +1091,24 @@
     const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
     const checkboxValidator = validator((_) => typeof _ === 'boolean' && _)(ERROR_MESSAGE);
 
-    const renderAcquiringDataOrganization = (field, title) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsxs("div", { className: formChildrenStyle, children: [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", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) })] }), secondChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }) }));
+    const renderAcquiringDataOrganization = (field, title) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsxs("div", { className: formChildrenStyle, children: [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*", ...withValidator(field('fullName'), defaultValidator) }), jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E*", ...withValidator(field('name'), nameValidator) })] }), secondChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u041D\u041D*", ...withValidator(field('inn'), innValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) })] }) }));
 
     const ACQUIRING_TYPES = [
         {
-            name: 'Торговый эквайринг',
-        },
-        {
-            name: 'Мобильный эквайринг',
+            text: 'Торговый эквайринг',
+            key: 'trade',
         },
         {
-            name: 'Интернет-эквайринг',
+            text: 'СБП-эквайринг',
+            key: 'sbp',
         },
         {
-            name: 'QR-эквайринг (СБП)',
+            text: 'Интернет-эквайринг',
+            key: 'internet',
         },
         {
-            name: 'Все виды эквайринга',
+            text: 'Все виды эквайринга',
+            key: 'all',
         },
     ];
 
@@ -1213,7 +1216,12 @@
 
     const SelectControl = JSX(({ className = '', error, ...rest }) => (jsxs("div", { className: className, children: [jsx(Select, { ...rest, valid: !error }), renderErrorText(error)] })));
 
-    const renderAcquiringRegion = ({ regions, field, title }) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES.map(({ name: key = '' }) => ({ key, text: key })), ...withValidator(field('acquiringType'), defaultValidator) }) }), secondChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }) }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const renderRegion$1 = (regions, field) => {
+        return (jsx(SelectControl, { className: "w-full", label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }));
+    };
+
+    const renderAcquiringRegion = ({ field, title, regions }) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0412\u0438\u0434 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043A\u0432\u0430\u0439\u0440\u0438\u043D\u0433", options: ACQUIRING_TYPES, ...withValidator(field('acquiringType'), defaultValidator) }) }), secondChildren: jsx("div", { className: formChildrenStyle, children: renderRegion$1(regions, field) }) }));
 
     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] })));
 
@@ -1251,8 +1259,8 @@
 
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
-    const initialFormState$8 = {
-        acquiringType: { key: 'Торговый эквайринг' },
+    const initialFormState$9 = {
+        acquiringType: { key: 'trade', text: 'Торговый эквайринг' },
         fullName: '',
         inn: '',
         name: '',
@@ -1272,21 +1280,27 @@
         const { button, link, onSubmit } = props;
         const handleSubmit = useCallback((formState) => {
             const { acquiringType, region, fullName, inn, name, phone, onlineCheckout, posTerminal } = formState;
-            isValidationSuccess(acquiringValidator(formState)) &&
-                onSubmit({
-                    typeForm: 'acqr',
-                    region: region?.text || '',
-                    partnerComments: `Вид эквайринга=${acquiringType?.key || ''}/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`,
-                    fullName,
-                    inn,
-                    name,
-                    phone: phone.replace(/[^+\d]/g, ''),
-                });
+            const isTradeAcquiring = getSlideCheckboxes(acquiringType?.key);
+            const partnerComments = `Вид эквайринга=${acquiringType?.text || ''}${isTradeAcquiring
+            ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
+            : '/Онлайн касса=false/POS-терминал=false'}`;
+            const submitData = {
+                typeForm: 'acqr',
+                region: region?.text || '',
+                partnerComments,
+                fullName,
+                inn,
+                name,
+                phone: formatPhone(phone),
+            };
+            isValidationSuccess(acquiringValidator(formState)) && onSubmit(submitData, false);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$8, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$9, handleSubmit);
         const regions = useGetRegions();
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderAcquiringRegion({ regions, field, title: 'Вид эквайринга и регион' }), renderAcquiringDataOrganization(field, 'Данные организации'), renderSlideCheckboxes(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        const isSlideCheckboxes = getSlideCheckboxes(field('acquiringType').value?.key);
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderAcquiringRegion({ regions, field, title: 'Вид эквайринга и регион' }), renderAcquiringDataOrganization(field, 'Данные организации'), isSlideCheckboxes ? renderSlideCheckboxes(field) : null, renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
+    const getSlideCheckboxes = (type) => type === 'all' || type === 'trade';
 
     const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
         return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
@@ -1482,7 +1496,7 @@
     };
     const renderUserData = (field, isBirthday = true) => (jsxs("div", { children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F*", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u0418\u043C\u044F*", ...withValidator(field('name'), nameValidator) }), 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)", ...field('middleName') }), isBirthday ? (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('birthday'), defaultValidator) })) : null] }));
 
-    const initialFormState$7 = {
+    const initialFormState$8 = {
         ...initialUserFormState,
         typeForm: { key: 'ANTIFRAUD', text: 'Предупреждение о мошенничестве' },
         phone: '',
@@ -1491,7 +1505,7 @@
         comment: '',
         consentDataProcessing: false,
     };
-    const feedbackValidator$1 = objectValidator({
+    const feedbackValidator$2 = objectValidator({
         typeForm: defaultValidator,
         surname: defaultValidator,
         name: nameValidator,
@@ -1507,19 +1521,17 @@
             const submitData = {
                 ...usedFields,
                 typeForm: typeForm.key,
-                phone: phone.replace(/[^+\d]/g, ''),
+                phone: formatPhone(phone),
             };
-            isValidationSuccess(feedbackValidator$1(formState)) && onSubmit(submitData, true);
+            isValidationSuccess(feedbackValidator$2(formState)) && onSubmit(submitData, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$7, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$8, handleSubmit);
         return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, true), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(CheckboxWithError, { ...withValidator(field('isClient'), checkboxValidator), 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"' }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
     const renderBusinessCardDataOrganization = (field) => (jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", ...withValidator(field('name'), nameValidator) }), jsx(InputControl, { label: "\u0418\u041D\u041D", ...withValidator(field('inn'), innValidator) })] }), secondChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('mail'), defaultValidator) })] }) }));
 
-    const renderRegion$1 = ({ regions, field }) => (jsx(SelectControl, { className: "w-full", label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }));
-
-    const initialFormState$6 = {
+    const initialFormState$7 = {
         name: '',
         phone: '',
         inn: '',
@@ -1543,15 +1555,15 @@
                     name,
                     inn,
                     mail,
-                    phone: phone.replace(/[^+\d]/g, ''),
+                    phone: formatPhone(phone),
                 });
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$6, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$7, handleSubmit);
         const regions = useGetRegions();
-        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderRegion$1({ regions, field }), renderBusinessCardDataOrganization(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
+        return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderRegion$1(regions, field), renderBusinessCardDataOrganization(field), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
-    const initialFormState$5 = {
+    const initialFormState$6 = {
         ...initialUserFormState,
         typeForm: { key: 'CORRUPTION', text: 'Факты коррупции' },
         phone: '',
@@ -1559,7 +1571,7 @@
         comment: '',
         consentDataProcessing: false,
     };
-    const feedbackValidator = objectValidator({
+    const feedbackValidator$1 = objectValidator({
         typeForm: defaultValidator,
         surname: defaultValidator,
         name: nameValidator,
@@ -1576,13 +1588,13 @@
                 ...usedFields,
                 typeForm: typeForm.key,
                 regionBranch: region?.text,
-                phone: phone.replace(/[^+\d]/g, ''),
+                phone: formatPhone(phone),
             };
-            isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+            isValidationSuccess(feedbackValidator$1(formState)) && onSubmit(submitData, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$5, handleSubmit);
-        const branch = useGetRegions();
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, false), jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: branch.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
+        const [, { field, ...formProps }] = useForm(initialFormState$6, handleSubmit);
+        const regions = useGetRegions();
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [renderUserData(field, false), renderRegion$1(regions, field), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) }), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
     });
 
     const BRANCHES_URL = '/api/v1/branches';
@@ -1665,12 +1677,12 @@
 
     const renderCreditParameters = (field, title) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsx("div", { className: formChildrenStyle, children: jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') }) }), secondChildren: jsx("div", { className: formChildrenStyle, children: 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 renderRegionDepartment = ({ title, regions, branches, field, }) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }) }), secondChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
+    const renderRegionDepartment = ({ title, regions, branches, field, }) => (jsx(ApplicationFieldsetLayout, { title: title, firstChildren: jsx("div", { className: formChildrenStyle, children: renderRegion$1(regions, field) }), secondChildren: jsx("div", { className: formChildrenStyle, children: jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: branches.map(({ branchCode = '', address = '' }) => ({
                     key: branchCode,
                     text: address,
                 })), ...withValidator(field('department'), defaultValidator) }) }) }));
 
-    const initialFormState$4 = {
+    const initialFormState$5 = {
         amount: MIN_CREDIT_AMOUNT,
         term: 12,
         fullName: '',
@@ -1698,20 +1710,20 @@
                     fullName,
                     inn,
                     name,
-                    phone: phone.replace(/[^+\d]/g, ''),
+                    phone: formatPhone(phone),
                     mail,
                     region: region?.text || '',
                     department: department?.text || '',
                     partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
                 });
         }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm(initialFormState$4, handleSubmit);
+        const [formState, { field, ...formProps }] = useForm(initialFormState$5, handleSubmit);
         const regions = useGetRegions();
         const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
         return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [renderCreditParameters(field, 'Параметры'), renderCreditDataOrganization(field, 'Данные организации'), renderRegionDepartment({ regions, branches, field, title: 'Офис банка' }), renderSubmitButton(button), jsx(Footnote, { link: link })] }));
     });
 
-    const initialFormState$3 = {
+    const initialFormState$4 = {
         name: '',
         phone: '',
     };
@@ -1726,10 +1738,10 @@
                 onSubmit({
                     typeForm: 'dpst',
                     name,
-                    phone: phone.replace(/[^+\d]/g, ''),
+                    phone: formatPhone(phone),
                 });
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$4, handleSubmit);
         return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
     });
 
@@ -1776,7 +1788,7 @@
             name: formState.name,
             middleName: formState.middleName,
             feedbackMethod: formState.feedbackMethod.text,
-            phoneNumber: formState.phone.replace(/[^+\d]/g, ''),
+            phoneNumber: formatPhone(formState.phone),
             secondaryPhoneNumber: formState.secondaryPhone?.replace(/[^+\d]/g, ''),
             email: formState.email,
             bankEmpolee: formState.bankEmpolee,
@@ -1802,7 +1814,7 @@
             inn: formState.inn,
             fullName: formState.fullName,
             feedbackMethod: formState.feedbackMethod.text,
-            phone: formState.phone.replace(/[^+\d]/g, ''),
+            phone: formatPhone(formState.phone),
             secondaryPhoneNumber: formState?.secondaryPhone,
             mail: formState.email,
             bankEmpolee: formState.bankEmpolee,
@@ -1825,7 +1837,7 @@
             middleName: formState.middleName,
             birthday: formState.birthday,
             feedbackMethod: formState.feedbackMethod.text,
-            phoneNumber: formState.phone.replace(/[^+\d]/g, ''),
+            phoneNumber: formatPhone(formState.phone),
             email: formState.email,
             comment: formState.comment,
             consentDataProcessing: formState.consentDataProcessing,
@@ -1833,7 +1845,7 @@
         isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
     };
 
-    const initialFormState$2 = {
+    const initialFormState$3 = {
         ...initialUserFormState,
         typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
         serviceDirection: { key: 'Физическое лицо' },
@@ -1857,12 +1869,12 @@
                 handleSubmitIndividual(feedbackFormState, onSubmit);
             }
         }, [onSubmit]);
-        const [formState, { field, ...formProps }] = useForm(initialFormState$2, handleSubmit);
-        const branch = useGetRegions();
-        const regions = useBranches(formState?.region?.key).filter((region) => region?.address);
+        const [formState, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
+        const regions = useGetRegions();
+        const addressByBranch = useBranches(formState?.region?.key).filter((branch) => branch?.address);
         const isQualityService = field('typeForm').value?.key === 'FEEDBACK_QS';
         const isLegalEntity = getLegalEntity(field('typeForm').value?.key, field('serviceDirection').value?.key);
-        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(field('typeForm'), defaultValidator) }), isQualityService ? (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, ...withValidator(field('serviceDirection'), defaultValidator) })) : null, jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: branch.map(({ code = '', name = '' }) => ({ key: code, text: name })), ...withValidator(field('region'), defaultValidator) }), isQualityService ? (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: regions.map(({ branchCode = '', address = '' }) => ({
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [jsx(SelectControl, { label: "\u0422\u0435\u043C\u0430*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u043C\u0443", options: FEEDBACK_TYPES, ...withValidator(field('typeForm'), defaultValidator) }), isQualityService ? (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, ...withValidator(field('serviceDirection'), defaultValidator) })) : null, renderRegion$1(regions, field), isQualityService ? (jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441*", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441", options: addressByBranch.map(({ branchCode = '', address = '' }) => ({
                                 key: branchCode,
                                 text: address,
                             })), ...withValidator(field('addressBranch'), defaultValidator) })) : null, renderUserData(field, true), isLegalEntity ? (jsxs("div", { children: [jsx(InputControl, { label: "\u0418\u041D\u041D*", ...withValidator(field('inn'), innValidator) }), 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", ...field('fullName') })] })) : null, 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, ...withValidator(field('feedbackMethod'), defaultValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), isQualityService ? (jsxs("div", { children: [jsx(PhoneInputControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...field('secondaryPhone') }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) }), 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') }), 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') })] })) : (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430*", ...withValidator(field('email'), defaultValidator) })), jsx(InputControl, { ...withValidator(field('comment'), defaultValidator), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435*", isTextarea: true }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }) }) }));
@@ -1881,7 +1893,7 @@
         return (jsxs("div", { className: "container space-y-s", children: [regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), children: button?.text ? button.text : 'Перейти' }) })) : null] }));
     });
 
-    const initialFormState$1 = {
+    const initialFormState$2 = {
         ...initialUserFormState,
         phone: '',
         email: '',
@@ -1907,15 +1919,43 @@
                     middleName,
                     email,
                     consentDataProcessing,
-                    phoneNumber: phone.replace(/[^+\d]/g, ''),
+                    phoneNumber: formatPhone(phone),
                     birthday: birthday?.toISOString().slice(0, 10) || '',
                     product: product || '',
                 }, true);
         }, [onSubmit]);
-        const [, { field, ...formProps }] = useForm(initialFormState$1, handleSubmit);
+        const [, { field, ...formProps }] = useForm(initialFormState$2, handleSubmit);
         return (jsxs("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: [jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...withValidator(field('surname'), nameValidator) }), jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E", ...withValidator(field('middleName'), nameValidator) }), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), secondChildren: jsxs("div", { className: formChildrenStyle, children: [jsx(InputControl, { label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F*", ...withValidator(field('birthday'), defaultValidator) }), jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...withValidator(field('email'), defaultValidator) })] }) }), renderAgreementWithSubmit(field('consentDataProcessing'), link, button)] }));
     });
 
+    const initialFormState$1 = {
+        ...initialUserFormState,
+        typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' },
+        fullName: '',
+        phone: '',
+    };
+    const feedbackValidator = objectValidator({
+        typeForm: defaultValidator,
+        region: defaultValidator,
+        fullName: defaultValidator,
+        phone: phoneValidator,
+    });
+    const ApplicationFormSelfCollection = JSX(({ button, link, onSubmit }) => {
+        const handleSubmit = useCallback((formState) => {
+            const { typeForm, region, fullName, phone } = formState;
+            const submitData = {
+                typeForm: typeForm.key,
+                region: region?.text,
+                name: fullName,
+                phone: formatPhone(phone),
+            };
+            isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        }, [onSubmit]);
+        const [, { field, ...formProps }] = useForm(initialFormState$1, handleSubmit);
+        const regions = useGetRegions();
+        return (jsx("form", { className: formStyle$1, onSubmit: formProps.onSubmit, children: jsx(ApplicationFieldsetLayout, { firstChildren: jsxs("div", { className: oneColumnFormStyle, children: [jsx(InputControl, { label: "\u0424\u0418\u041E*", ...withValidator(field('fullName'), defaultValidator) }), renderRegion$1(regions, field), jsx(PhoneInputControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D*", ...withValidator(field('phone'), phoneValidator) }), renderSubmitButton(button), jsx(Footnote, { link: link })] }) }) }));
+    });
+
     const renderContacts = () => (jsxs("div", { className: "flex gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] }));
 
     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: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-primary-hover\n        checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n        after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: (_) => onChange(_.target.value) }), text ? jsx(Text, { color: "text-primary-text", children: text }) : null] }) })));
@@ -1971,7 +2011,7 @@
                 typeForm: 'KVED',
                 fullName,
                 name,
-                phone: phone.replace(/[^+\d]/g, ''),
+                phone: formatPhone(phone),
                 text,
                 vedTypes: getVedTypes(vedTypes),
                 PartnerComments: text,
@@ -2000,6 +2040,7 @@
         ApplicationFormFeedback,
         ApplicationFormAntiFraud,
         ApplicationFormCorruption,
+        ApplicationFormSelfCollection,
     };
 
     const ResponseNotification = JSX(({ responseType }) => {
@@ -3374,12 +3415,12 @@
         return (jsxs("div", { className: "py-lg border-b border-main-divider", children: [title ? (jsx("div", { className: "opacity-80", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: title }) })) : null, description ? (jsx("div", { className: "mt-2xs", children: jsx(Text, { size: "text-xl", color: "text-primary-text", children: description }) })) : null, buttons?.length ? (jsx("div", { className: "text-primary-main", children: renderButtonsSection(buttons) })) : null] }, String(i)));
     };
 
-    const VISIBLE_CELLS_COUNT = 1;
-    const CarouselTariffsCard = JSX(({ className = '', title, align = 'text-center', icon, button, cardCells = [], ...rest }) => {
+    const CarouselTariffsCard = JSX(({ className = '', title, align = 'text-center', icon, button, visibleCellsCount = 1, cardCells = [], ...rest }) => {
         const cellsNode = cardCells.map(renderCardInfo);
-        const visibleCells = cellsNode.slice(0, VISIBLE_CELLS_COUNT);
-        const hiddenCells = cellsNode.slice(VISIBLE_CELLS_COUNT);
-        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 ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, cardCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$2 : null })) : null] }));
+        const [visibleCells, hiddenCells] = visibleCellsCount > 0
+            ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
+            : [cellsNode, []];
+        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: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$2 : null })) : (jsx("div", { children: visibleCells }))] }));
     });
     const renderFoldButton$2 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
 
@@ -3951,7 +3992,7 @@
         transparent: 'text-white',
     };
     const renderImage = (bgColor, image, size) => {
-        return image?.src ? (jsx(Img, { image: image, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height, pathPrefix: "/wcms-resources/" })) : (jsx(Img, { image: {
+        return image?.src ? (jsx(Img, { image: image, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height })) : (jsx(Img, { image: {
                 icon: image?.icon || 'LogoIcon',
                 iconVersion: ICON_VERSION_MAP[bgColor],
             }, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height }));
@@ -3961,8 +4002,8 @@
         'bg-white': 'text-primary-text',
         transparent: 'text-white',
     };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title || 'Россельхозбанк', children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
-                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title || 'Россельхозбанк' }) }))
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
+                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
                 : null] })));
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
@@ -4493,14 +4534,14 @@
         'bg-white': 'primary',
         transparent: 'transparent',
     };
-    const Header = JSX(({ className, bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
+    const Header = JSX(({ className, bgColor = 'bg-white', logo: customLogo, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
         const { topItems, logo, officesLink, defaultLocation } = useSitemap(rest.options?.page?.fallback);
         const [, activeTopItem] = useActiveRoute(topItems);
         const { internetBankUrl } = useSWRResource(projectSettings.PORTAL_DATA || 'portal-data', {
             fallback: rest.options?.page?.fallback,
             pathDir: joinPath(projectSettings.BASE_PATH, 'portal-resources'),
         });
-        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logo }), topItems?.map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", officesLink: officesLink, defaultLocation: defaultLocation })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
+        return (jsx(BlockWrapper, { tag: "header", className: style('pt-3xl px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsxs("div", { className: "flex items-center", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: customLogo ?? logo }), topItems?.map((_, i) => (jsx(TopItem, { active: _ === activeTopItem, ..._ }, String(i)))), jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", officesLink: officesLink, defaultLocation: defaultLocation })] }), jsx("div", { className: style('mt-xl h-px bg-main-divider', version === 'transparent' ? 'opacity-30' : '') }), activeTopItem?.items?.length ? (jsx(HeaderSubMenu, { subItems: activeTopItem.items, version: version, internetBankUrl: internetBankUrl })) : null] }) }));
     });
 
     const gapStyles = {
@@ -6033,7 +6074,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.142";
+    const packageVersion = "0.14.144";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;