@redneckz/wildless-cms-uni-blocks 0.14.142 → 0.14.144

package/lib/ui-kit/BaseTile/BaseTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}

package/lib/ui-kit/InnerTable/InnerTableBody.js

@@ -5,7 +5,7 @@ import { InnerTableBodyItem } from './InnerTableBodyItem.js';
 export const InnerTableBody = JSX(({ activeTabIndex, items }) => {
     return (_jsx("div", { children: items.map((_, tableIdx) => {
             const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
-            return (_jsxs("div", { className: "w-full @container", children: [_jsx("div", { className: "flex p-m bg-white @4xl:bg-gray text-center justify-center relative", children: _jsx(Text, { size: "text-xl", font: "font-light", children: _.title }) }), _jsx("div", { className: "w-full pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: _jsx("div", { className: "relative", children: _jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
+            return (_jsxs("div", { className: "w-full @container", children: [_jsx("div", { className: "flex py-m sm:px-m bg-white @4xl:bg-gray relative", children: _jsx(Text, { size: "text-xl", align: "text-left", children: _.title }) }), _jsx("div", { className: "w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: _jsx("div", { className: "relative", children: _jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
         }) }));
 });
 //# sourceMappingURL=InnerTableBody.js.map

package/lib/ui-kit/InnerTable/InnerTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerTableBody.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,wBACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC;YAElE,OAAO,CACL,eAAe,SAAS,EAAC,mBAAmB,aAC1C,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACnC,CAAC,CAAC,KAAK,GACH,GACH,EACN,cAAK,SAAS,EAAC,yEAAyE,YACtF,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,kBAAkB,IAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,GAAI,GACpC,GACF,KAVE,GAAG,CAWP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"InnerTableBody.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,wBACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC;YAElE,OAAO,CACL,eAAe,SAAS,EAAC,mBAAmB,aAC1C,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,YACnC,CAAC,CAAC,KAAK,GACH,GACH,EACN,cAAK,SAAS,EAAC,4EAA4E,YACzF,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,kBAAkB,IAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,GAAI,GACpC,GACF,KAVE,GAAG,CAWP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/InnerTable/renderInnerTableRow.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Text } from '../../ui-kit/Text/Text.js';
 import { style } from '../../utils/style.js';
-import { Text } from '../Text/Text.js';
 import { getHorizontalShift } from './getHorizontalShift.js';
 export const renderInnerTableRow = (activeColumnIndex) => (rowData, rowIdx) => {
     if (!rowData?.length) {
@@ -8,10 +8,9 @@ export const renderInnerTableRow = (activeColumnIndex) => (rowData, rowIdx) => {
     }
     const [headerColumn, ...columns] = rowData;
     const columnsStyle = style('flex duration-1000 text-center', rowIdx !== 0 ? 'font-normal' : 'font-light');
-    return (_jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (_jsx("div", { className: "w-56 min-w-56 py-lg", children: _jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, _jsx("div", { className: "flex flex-grow overflow-hidden", children: _jsx("div", { className: columnsStyle, style: {
+    return (_jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (_jsx("div", { className: "whitespace-pre-wrap sm:whitespace-normal w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0", children: _jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, _jsx("div", { className: "flex flex-grow overflow-hidden", children: _jsx("div", { className: columnsStyle, style: {
                         transform: `translateX(-${getHorizontalShift(columns, activeColumnIndex)}px)`,
-                    }, children: columns?.map((_, i) => (_jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? (_jsx(Text, { size: "text-xl", font: "font-light", children: _.data })) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
+                    }, children: columns?.map((_, i) => (_jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? _jsx(Text, { size: "text-xl", children: _.data }) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
 };
-const ColsColor = (isEqual = false) => `${isEqual ? 'text-secondary-text' : ''}`;
-const renderCols = (cols, rowIndex) => cols?.length > 0 ? (_jsx("div", { className: "flex", children: cols.map((data, i) => (_jsx("div", { className: "w-20 mx-lg", children: _jsx(Text, { size: "text-h6", color: ColsColor(rowIndex === 0), children: data }) }, String(i)))) })) : null;
+const renderCols = (cols, rowIndex) => cols?.length > 0 ? (_jsx("div", { className: style('flex', rowIndex === 0 ? 'text-secondary-text' : ''), children: cols.map((data, i) => (_jsx("div", { className: "w-20 mx-lg", children: _jsx(Text, { size: "text-h6", font: "font-light", children: data }) }, String(i)))) })) : null;
 //# sourceMappingURL=renderInnerTableRow.js.map

package/lib/ui-kit/InnerTable/renderInnerTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderInnerTableRow.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/renderInnerTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,CAAC,MAAM,mBAAmB,GAC9B,CAAC,iBAAyB,EAAE,EAAE,CAAC,CAAC,OAAmB,EAAE,MAAc,EAAE,EAAE;IACrE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;IAE3C,MAAM,YAAY,GAAG,KAAK,CACxB,gCAAgC,EAChC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAC5C,CAAC;IAEF,OAAO,CACL,eAA0B,SAAS,EAAC,uDAAuD,aACxF,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACnC,YAAY,CAAC,IAAI,GACb,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;wBACL,SAAS,EAAE,eAAe,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,KAAK;qBAC9E,YAEA,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,wEAAwE,aAEjF,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACnC,CAAC,CAAC,IAAI,GACF,CACR,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,KARlD,MAAM,CAAC,EAAE,CASV,CACP,CAAC,GACE,GACF,KA7BE,MAAM,CAAC,MAAM,CAAC,CA8BlB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,SAAS,GAAG,CAAC,OAAO,GAAG,KAAK,EAAa,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAE5F,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,QAAgB,EAAE,EAAE,CACtD,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,MAAM,YAClB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,cAAqB,SAAS,EAAC,YAAY,YACzC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,KAAK,CAAC,CAAC,YAClD,IAAI,GACA,IAHC,MAAM,CAAC,CAAC,CAAC,CAIb,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
+{"version":3,"file":"renderInnerTableRow.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/renderInnerTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,CAAC,MAAM,mBAAmB,GAC9B,CAAC,iBAAyB,EAAE,EAAE,CAAC,CAAC,OAAmB,EAAE,MAAc,EAAE,EAAE;IACrE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CACxB,gCAAgC,EAChC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAC5C,CAAC;IAEF,OAAO,CACL,eAA0B,SAAS,EAAC,uDAAuD,aACxF,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,uFAAuF,YACpG,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACnC,YAAY,CAAC,IAAI,GACb,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;wBACL,SAAS,EAAE,eAAe,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,KAAK;qBAC9E,YAEA,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,wEAAwE,aAEjF,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACrD,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,KAJlD,MAAM,CAAC,EAAE,CAKV,CACP,CAAC,GACE,GACF,KAzBE,MAAM,CAAC,MAAM,CAAC,CA0BlB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,QAAgB,EAAE,EAAE,CACtD,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,YACvE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,cAAqB,SAAS,EAAC,YAAY,YACzC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACnC,IAAI,GACA,IAHC,MAAM,CAAC,CAAC,CAAC,CAIb,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}

package/lib/ui-kit/Unit/UnitProps.d.ts

@@ -1,5 +1,8 @@
 export interface UnitProps {
+    /** @title Префикс */
     prefix?: string;
+    /** @title Значение */
     unit?: number;
+    /** @title Суффикс */
     suffix?: string;
 }

package/lib/utils/formatPhone.d.ts

@@ -0,0 +1 @@
+export declare const formatPhone: (phone: string) => string;

package/lib/utils/formatPhone.js

@@ -0,0 +1,2 @@
+export const formatPhone = (phone) => phone.replace(/[^+\d]/g, '');
+//# sourceMappingURL=formatPhone.js.map

package/lib/utils/formatPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatPhone.js","sourceRoot":"","sources":["../../src/utils/formatPhone.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -700,7 +700,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' : '';
@@ -827,6 +826,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;
 
@@ -1009,6 +1009,8 @@
         ];
     };
 
+    const formatPhone = (phone) => phone.replace(/[^+\d]/g, '');
+
     const objectValidator = (validatorsMap) => (o) => (o &&
         Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
         [];
@@ -1097,23 +1099,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',
         },
     ];
 
@@ -1221,7 +1224,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] })));
 
@@ -1259,8 +1267,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: '',
@@ -1280,21 +1288,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) => {
@@ -1490,7 +1504,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: '',
@@ -1499,7 +1513,7 @@
         comment: '',
         consentDataProcessing: false,
     };
-    const feedbackValidator$1 = objectValidator({
+    const feedbackValidator$2 = objectValidator({
         typeForm: defaultValidator,
         surname: defaultValidator,
         name: nameValidator,
@@ -1515,19 +1529,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: '',
@@ -1551,15 +1563,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: '',
@@ -1567,7 +1579,7 @@
         comment: '',
         consentDataProcessing: false,
     };
-    const feedbackValidator = objectValidator({
+    const feedbackValidator$1 = objectValidator({
         typeForm: defaultValidator,
         surname: defaultValidator,
         name: nameValidator,
@@ -1584,13 +1596,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';
@@ -1673,12 +1685,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: '',
@@ -1706,20 +1718,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: '',
     };
@@ -1734,10 +1746,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 })] }) }) }));
     });
 
@@ -1784,7 +1796,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,
@@ -1810,7 +1822,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,
@@ -1833,7 +1845,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,
@@ -1841,7 +1853,7 @@
         isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
     };
 
-    const initialFormState$2 = {
+    const initialFormState$3 = {
         ...initialUserFormState,
         typeForm: { key: 'FEEDBACK', text: 'Задать вопрос по продуктам и услугам' },
         serviceDirection: { key: 'Физическое лицо' },
@@ -1865,12 +1877,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)] }) }) }));
@@ -1889,7 +1901,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: '',
@@ -1915,15 +1927,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] }) })));
@@ -1979,7 +2019,7 @@
                 typeForm: 'KVED',
                 fullName,
                 name,
-                phone: phone.replace(/[^+\d]/g, ''),
+                phone: formatPhone(phone),
                 text,
                 vedTypes: getVedTypes(vedTypes),
                 PartnerComments: text,
@@ -2008,6 +2048,7 @@
         ApplicationFormFeedback,
         ApplicationFormAntiFraud,
         ApplicationFormCorruption,
+        ApplicationFormSelfCollection,
     };
 
     const ResponseNotification = JSX(({ responseType }) => {
@@ -3350,12 +3391,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" })] }));
 
@@ -4952,19 +4993,18 @@
         }
         const [headerColumn, ...columns] = rowData;
         const columnsStyle = style('flex duration-1000 text-center', rowIdx !== 0 ? 'font-normal' : 'font-light');
-        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "w-56 min-w-56 py-lg", children: jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
+        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "whitespace-pre-wrap sm:whitespace-normal w-48 sm:w-56 sm:min-w-56 py-lg pr-lg sm:pr-0", children: jsx(Text, { size: "text-xl", font: "font-light", children: headerColumn.data }) })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
                             transform: `translateX(-${getHorizontalShift(columns, activeColumnIndex)}px)`,
-                        }, children: columns?.map((_, i) => (jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? (jsx(Text, { size: "text-xl", font: "font-light", children: _.data })) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
+                        }, children: columns?.map((_, i) => (jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? jsx(Text, { size: "text-xl", children: _.data }) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
     };
-    const ColsColor = (isEqual = false) => `${isEqual ? 'text-secondary-text' : ''}`;
-    const renderCols = (cols, rowIndex) => cols?.length > 0 ? (jsx("div", { className: "flex", children: cols.map((data, i) => (jsx("div", { className: "w-20 mx-lg", children: jsx(Text, { size: "text-h6", color: ColsColor(rowIndex === 0), children: data }) }, String(i)))) })) : null;
+    const renderCols = (cols, rowIndex) => cols?.length > 0 ? (jsx("div", { className: style('flex', rowIndex === 0 ? 'text-secondary-text' : ''), children: cols.map((data, i) => (jsx("div", { className: "w-20 mx-lg", children: jsx(Text, { size: "text-h6", font: "font-light", children: data }) }, String(i)))) })) : null;
 
     const InnerTableBodyItem = JSX(({ rows }) => (jsx(SwipeListContainer, { visibleItemCount: 0, snapAlign: "snap-start", children: jsx("div", { children: rows?.map(renderInnerTableRow(0)) }) })));
 
     const InnerTableBody = JSX(({ activeTabIndex, items }) => {
         return (jsx("div", { children: items.map((_, tableIdx) => {
                 const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
-                return (jsxs("div", { className: "w-full @container", children: [jsx("div", { className: "flex p-m bg-white @4xl:bg-gray text-center justify-center relative", children: jsx(Text, { size: "text-xl", font: "font-light", children: _.title }) }), jsx("div", { className: "w-full pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: jsx("div", { className: "relative", children: jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
+                return (jsxs("div", { className: "w-full @container", children: [jsx("div", { className: "flex py-m sm:px-m bg-white @4xl:bg-gray relative", children: jsx(Text, { size: "text-xl", align: "text-left", children: _.title }) }), jsx("div", { className: "w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out", children: jsx("div", { className: "relative", children: jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
             }) }));
     });
 
@@ -5656,7 +5696,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.141";
+    const packageVersion = "0.14.143";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;