@redneckz/wildless-cms-uni-blocks 0.14.1039 → 0.14.1040

package/mobile/bundle/components/ReferalForm/ReferalFormContent.d.ts

@@ -1,10 +1,10 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type Picture } from '../../model/Picture';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 /**
  * @title Форма для создания реферальной ссылки
  */
-export declare type ReferalFormContent = UniBlockContent & {
+export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
     /** @title Адрес страницы с заявкой для реферала */
     link?: string;
     /** @title Кнопка */

package/mobile/bundle/components/ReferalForm/referalFormData.d.ts

@@ -1,2 +1,2 @@
-import { type SectionsProps } from '../../model/InputSectionsType';
-export declare const sections: SectionsProps[];
+import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
+export declare const inputs: FieldDef[];

package/mobile/dist/components/ReferalForm/ReferalForm.js

@@ -5,19 +5,19 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const useForm_1 = require("../../hooks/useForm/useForm");
 const ApplicationFormLayout_1 = require("../../ui-kit/ApplicationFormLayout/ApplicationFormLayout");
 const SubmitButton_1 = require("../../ui-kit/Button/SubmitButton");
+const getField_1 = require("../../ui-kit/FormField/getField");
 const getObjectValidator_1 = require("../../ui-kit/FormField/getObjectValidator");
+const renderTitle_1 = require("../../ui-kit/FormField/renderTitle");
 const Link_1 = require("../../ui-kit/Link/Link");
 const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
 const Text_1 = require("../../ui-kit/Text/Text");
 const UniBlock_1 = require("../../UniBlock/UniBlock");
 const referalFormData_1 = require("./referalFormData");
-const renderSections_1 = require("./renderSections");
 const ResultLink_1 = require("./ResultLink");
-exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, copyIcon, ...rest }) => {
+exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ title, description, link = '', button, copyIcon, ...rest }) => {
     const [isShowResultLink, setIsShowResultLink] = (0, hooks_1.useState)(false);
     const [referalLink, setReferalLink] = (0, hooks_1.useState)('');
-    const inputs = (0, hooks_1.useMemo)(() => (referalFormData_1.sections?.flatMap((_) => _?.inputs) || []), [referalFormData_1.sections]);
-    const formValidator = (0, hooks_1.useMemo)(() => (0, getObjectValidator_1.getFormValidator)(inputs), [inputs]);
+    const formValidator = (0, hooks_1.useMemo)(() => (0, getObjectValidator_1.getFormValidator)(referalFormData_1.inputs), [referalFormData_1.inputs]);
     const handleSubmit = (0, hooks_1.useCallback)(async (formData) => {
         setReferalLink(`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`);
         setIsShowResultLink(true);
@@ -27,7 +27,7 @@ exports.ReferalForm = (0, UniBlock_1.UniBlock)(({ link = '', button, copyIcon, .
         formValidator,
         onSubmit: handleSubmit,
     });
-    return ((0, jsx_runtime_1.jsx)(ApplicationFormLayout_1.ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(isShowResultLink), ...rest, children: isShowResultLink ? ((0, jsx_runtime_1.jsx)(ResultLink_1.ResultLink, { link: referalLink, copyIcon: copyIcon })) : ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0, renderSections_1.renderSections)(referalFormData_1.sections, field), (0, jsx_runtime_1.jsxs)(Paragraph_1.Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(SubmitButton_1.SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
+    return ((0, jsx_runtime_1.jsx)(ApplicationFormLayout_1.ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(title, isShowResultLink), ...rest, children: isShowResultLink ? ((0, jsx_runtime_1.jsx)(ResultLink_1.ResultLink, { link: referalLink, copyIcon: copyIcon })) : ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid @xl:grid-cols-2 gap-x-m", children: [(0, renderTitle_1.renderTitle)(description), referalFormData_1.inputs.map((0, getField_1.getField)(field))] }), (0, jsx_runtime_1.jsxs)(Paragraph_1.Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(SubmitButton_1.SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
 });
-const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
+const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
 //# sourceMappingURL=ReferalForm.js.map

package/mobile/dist/components/ReferalForm/ReferalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";;;AAAA,uDAA6E;AAC7E,yDAAsD;AACtD,oGAAiG;AACjG,mEAAgE;AAChE,kFAA6E;AAC7E,iDAA8C;AAC9C,gEAA6D;AAE7D,iDAA8C;AAC9C,sDAAmD;AAInD,uDAA6C;AAC7C,qDAAkD;AAClD,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,mBAAQ,EACjC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC,0BAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,CAAe,EAC/D,CAAC,0BAAQ,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAgB,EAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,QAAmB,EAAE,EAAE;QAC7D,cAAc,CACZ,GAAG,IAAI,eAAe,QAAQ,CAAC,oBAAoB,EAAE,IAAI,aAAa,QAAQ,CAAC,KAAK,EAAE,CACvF,CAAC;QACF,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAO,EACrC,EAAE,EACF;QACE,aAAa,EAAE,IAAI;QACnB,aAAa;QACb,QAAQ,EAAE,YAAY;KACvB,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,6CAAqB,IACpB,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAC7B,IAAI,YAEP,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAU,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,kCAAM,QAAQ,EAAE,QAAQ,aACrB,IAAA,+BAAc,EAAC,0BAAQ,EAAE,KAAK,CAAC,EAChC,wBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,aACpE,uBAAC,WAAI,wPAAoD,EACzD,uBAAC,WAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,kIAAyB,6JAEzE,IACG,EACZ,uBAAC,2BAAY,IAAC,SAAS,EAAC,yBAAyB,YAC9C,MAAM,EAAE,IAAI,IAAI,iBAAiB,GACrB,IACV,CACR,GACqB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,gBAAgB,GAAG,KAAK,EAAE,EAAE,CAC5C,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,4CAA4C,CAAC"}
+{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";;;AAAA,uDAA6E;AAC7E,yDAAsD;AACtD,oGAAiG;AACjG,mEAAgE;AAChE,8DAA2D;AAC3D,kFAA6E;AAC7E,oEAAiE;AACjE,iDAA8C;AAC9C,gEAA6D;AAE7D,iDAA8C;AAC9C,sDAAmD;AAInD,uDAA2C;AAC3C,6CAA0C;AAS7B,QAAA,WAAW,GAAG,IAAA,mBAAQ,EACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAgB,EAAC,wBAAM,CAAC,EAAE,CAAC,wBAAM,CAAC,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,QAAmB,EAAE,EAAE;QAC7D,cAAc,CACZ,GAAG,IAAI,eAAe,QAAQ,CAAC,oBAAoB,EAAE,IAAI,aAAa,QAAQ,CAAC,KAAK,EAAE,CACvF,CAAC;QACF,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAO,EACrC,EAAE,EACF;QACE,aAAa,EAAE,IAAI;QACnB,aAAa;QACb,QAAQ,EAAE,YAAY;KACvB,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,6CAAqB,IACpB,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC,KACpC,IAAI,YAEP,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAU,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,kCAAM,QAAQ,EAAE,QAAQ,aACtB,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAA,yBAAW,EAAC,WAAW,CAAC,EACxB,wBAAM,CAAC,GAAG,CAAC,IAAA,mBAAQ,EAAW,KAAK,CAAC,CAAC,IAClC,EACN,wBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,aACpE,uBAAC,WAAI,wPAAoD,EACzD,uBAAC,WAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,kIAAyB,6JAEzE,IACG,EACZ,uBAAC,2BAAY,IAAC,SAAS,EAAC,yBAAyB,YAC9C,MAAM,EAAE,IAAI,IAAI,iBAAiB,GACrB,IACV,CACR,GACqB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAAE,EAAE,CACxD,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC"}

package/mobile/dist/components/ReferalForm/ReferalFormContent.d.ts

@@ -1,10 +1,10 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type Picture } from '../../model/Picture';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 /**
  * @title Форма для создания реферальной ссылки
  */
-export declare type ReferalFormContent = UniBlockContent & {
+export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
     /** @title Адрес страницы с заявкой для реферала */
     link?: string;
     /** @title Кнопка */

package/mobile/dist/components/ReferalForm/referalFormData.d.ts

@@ -1,2 +1,2 @@
-import { type SectionsProps } from '../../model/InputSectionsType';
-export declare const sections: SectionsProps[];
+import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
+export declare const inputs: FieldDef[];

package/mobile/dist/components/ReferalForm/referalFormData.js

@@ -1,19 +1,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sections = void 0;
-exports.sections = [
-    { title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
+exports.inputs = void 0;
+exports.inputs = [
     {
-        columns: 2,
-        inputs: [
-            {
-                name: 'dadataPartyInnSelect',
-                required: true,
-            },
-            {
-                name: 'email',
-                required: true,
-            },
-        ],
+        name: 'dadataPartyInnSelect',
+        required: true,
+    },
+    {
+        name: 'email',
+        required: true,
     },
 ];
 //# sourceMappingURL=referalFormData.js.map

package/mobile/dist/components/ReferalForm/referalFormData.js.map

@@ -1 +1 @@
-{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":";;AAEa,QAAA,QAAQ,GAAoB;IACvC,EAAE,KAAK,EAAE,sDAAsD,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7E;QACE,OAAO,EAAE,CAAC;QACV,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;aACf;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":";;AAEa,QAAA,MAAM,GAAe;IAChC;QACE,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}

package/mobile/dist/components/ReferalForm/renderLinkInput.js

@@ -6,6 +6,9 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const Img_1 = require("../../ui-kit/Img/Img");
 const styles_1 = require("../../ui-kit/Input/styles");
 const style_1 = require("../../utils/style");
+const defaultIcon = {
+    icon: 'CopyIcon',
+};
 exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '', copyIcon }) => {
     const onClick = (0, hooks_1.useCallback)(async () => {
         try {
@@ -15,6 +18,6 @@ exports.renderLinkInput = (0, uni_jsx_1.JSX)(({ className, value = '', copyIcon
             console.log('Ошибка копирования');
         }
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex items-center max-w-lg m-auto', className), children: [(0, jsx_runtime_1.jsx)("input", { className: (0, style_1.style)('h-14 border-gray text-ellipsis pr-5xl', styles_1.defaultStyle), type: "text", value: value, disabled: true }), (0, jsx_runtime_1.jsx)("div", { role: "button", className: "absolute right-3", onClick: onClick, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: copyIcon }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex items-center max-w-lg m-auto', className), children: [(0, jsx_runtime_1.jsx)("input", { className: (0, style_1.style)('h-14 border-gray text-ellipsis pr-5xl', styles_1.defaultStyle), type: "text", value: value, disabled: true }), (0, jsx_runtime_1.jsx)("div", { role: "button", className: "absolute right-3", onClick: onClick, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
 });
 //# sourceMappingURL=renderLinkInput.js.map

package/mobile/dist/components/ReferalForm/renderLinkInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAE1D,8CAA2C;AAE3C,sDAAyD;AACzD,6CAA0C;AAM7B,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,kCACE,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,qBAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,gCAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,uBAAC,SAAG,IAAC,KAAK,EAAE,QAAQ,GAAI,GACpB,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAE1D,8CAA2C;AAE3C,sDAAyD;AACzD,6CAA0C;AAM1C,MAAM,WAAW,GAAY;IAC3B,IAAI,EAAE,UAAU;CACjB,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,aAAG,EAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,kCACE,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,qBAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,gCAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,uBAAC,SAAG,IAAC,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAC,MAAM,GAAG,GAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/components/ReferalForm/ReferalForm.js

@@ -3,18 +3,18 @@ import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm.js';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout.js';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton.js';
+import { getField } from '../../ui-kit/FormField/getField.js';
 import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator.js';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle.js';
 import { Link } from '../../ui-kit/Link/Link.js';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
 import { Text } from '../../ui-kit/Text/Text.js';
 import { UniBlock } from '../../UniBlock/UniBlock.js';
-import { sections } from './referalFormData.js';
-import { renderSections } from './renderSections.js';
+import { inputs } from './referalFormData.js';
 import { ResultLink } from './ResultLink.js';
-export const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) => {
+export const ReferalForm = UniBlock(({ title, description, link = '', button, copyIcon, ...rest }) => {
     const [isShowResultLink, setIsShowResultLink] = useState(false);
     const [referalLink, setReferalLink] = useState('');
-    const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
     const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
     const handleSubmit = useCallback(async (formData) => {
         setReferalLink(`${link}?utm_source=${formData.dadataPartyInnSelect?.text}&utm_mail=${formData.email}`);
@@ -25,7 +25,7 @@ export const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) =
         formValidator,
         onSubmit: handleSubmit,
     });
-    return (_jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(isShowResultLink), ...rest, children: isShowResultLink ? (_jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (_jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, field), _jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [_jsx(Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), _jsx(Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), _jsx(SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
+    return (_jsx(ApplicationFormLayout, { className: "container space-y-m col-span-12", title: getTitle(title, isShowResultLink), ...rest, children: isShowResultLink ? (_jsx(ResultLink, { link: referalLink, copyIcon: copyIcon })) : (_jsxs("form", { onSubmit: onSubmit, children: [_jsxs("div", { className: "grid @xl:grid-cols-2 gap-x-m", children: [renderTitle(description), inputs.map(getField(field))] }), _jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [_jsx(Text, { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u0441 " }), _jsx(Link, { href: "/privacy-policy", target: "_blank", ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", children: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), _jsx(SubmitButton, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
 });
-const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
+const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
 //# sourceMappingURL=ReferalForm.js.map

package/mobile/lib/components/ReferalForm/ReferalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CACjC,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,CAAe,EAC/D,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAmB,EAAE,EAAE;QAC7D,cAAc,CACZ,GAAG,IAAI,eAAe,QAAQ,CAAC,oBAAoB,EAAE,IAAI,aAAa,QAAQ,CAAC,KAAK,EAAE,CACvF,CAAC;QACF,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAG,OAAO,CACrC,EAAE,EACF;QACE,aAAa,EAAE,IAAI;QACnB,aAAa;QACb,QAAQ,EAAE,YAAY;KACvB,CACF,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAC7B,IAAI,YAEP,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,gBAAM,QAAQ,EAAE,QAAQ,aACrB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,EAChC,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,aACpE,KAAC,IAAI,wPAAoD,EACzD,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,kIAAyB,6JAEzE,IACG,EACZ,KAAC,YAAY,IAAC,SAAS,EAAC,yBAAyB,YAC9C,MAAM,EAAE,IAAI,IAAI,iBAAiB,GACrB,IACV,CACR,GACqB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,gBAAgB,GAAG,KAAK,EAAE,EAAE,CAC5C,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,4CAA4C,CAAC"}
+{"version":3,"file":"ReferalForm.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/ReferalForm.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/ReferalForm/ReferalFormContent.d.ts

@@ -1,10 +1,10 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type Picture } from '../../model/Picture';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 /**
  * @title Форма для создания реферальной ссылки
  */
-export declare type ReferalFormContent = UniBlockContent & {
+export declare type ReferalFormContent = UniBlockContent & TitleProps & DescriptionProps & {
     /** @title Адрес страницы с заявкой для реферала */
     link?: string;
     /** @title Кнопка */

package/mobile/lib/components/ReferalForm/referalFormData.d.ts

@@ -1,2 +1,2 @@
-import { type SectionsProps } from '../../model/InputSectionsType';
-export declare const sections: SectionsProps[];
+import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
+export declare const inputs: FieldDef[];

package/mobile/lib/components/ReferalForm/referalFormData.js

@@ -1,17 +1,11 @@
-export const sections = [
-    { title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
+export const inputs = [
     {
-        columns: 2,
-        inputs: [
-            {
-                name: 'dadataPartyInnSelect',
-                required: true,
-            },
-            {
-                name: 'email',
-                required: true,
-            },
-        ],
+        name: 'dadataPartyInnSelect',
+        required: true,
+    },
+    {
+        name: 'email',
+        required: true,
     },
 ];
 //# sourceMappingURL=referalFormData.js.map

package/mobile/lib/components/ReferalForm/referalFormData.js.map

@@ -1 +1 @@
-{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAoB;IACvC,EAAE,KAAK,EAAE,sDAAsD,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7E;QACE,OAAO,EAAE,CAAC;QACV,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;aACf;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"referalFormData.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/referalFormData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAe;IAChC;QACE,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}

package/mobile/lib/components/ReferalForm/renderLinkInput.js

@@ -4,6 +4,9 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { defaultStyle } from '../../ui-kit/Input/styles.js';
 import { style } from '../../utils/style.js';
+const defaultIcon = {
+    icon: 'CopyIcon',
+};
 export const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
     const onClick = useCallback(async () => {
         try {
@@ -13,6 +16,6 @@ export const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
             console.log('Ошибка копирования');
         }
     }, []);
-    return (_jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [_jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle), type: "text", value: value, disabled: true }), _jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: _jsx(Img, { image: copyIcon }) })] }));
+    return (_jsxs("div", { className: style('relative flex items-center max-w-lg m-auto', className), children: [_jsx("input", { className: style('h-14 border-gray text-ellipsis pr-5xl', defaultStyle), type: "text", value: value, disabled: true }), _jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: _jsx(Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
 });
 //# sourceMappingURL=renderLinkInput.js.map

package/mobile/lib/components/ReferalForm/renderLinkInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,gBACE,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,YAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,cAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,GAAI,GACpB,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"renderLinkInput.js","sourceRoot":"","sources":["../../../src/components/ReferalForm/renderLinkInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,MAAM,WAAW,GAAY;IAC3B,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI;YACF,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvD;QAAC,MAAM;YACN,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,4CAA4C,EAAE,SAAS,CAAC,aAC5E,gBACE,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,YAAY,CAAC,EACvE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,GACd,EACF,cAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAC9D,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAC,MAAM,GAAG,GAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/src/components/ReferalForm/ReferalForm.example.json

@@ -3,6 +3,8 @@
     "link": "https://www.rshb.ru/business/dlya-druga/rko",
     "button": {
       "text": "Получить ссылку"
-    }
+    },
+    "title": "Как получить бесплатное обслуживание счёта",
+    "description": "Заполните ваши данные и получите персональную ссылку"
   }
 }

package/mobile/src/components/ReferalForm/ReferalForm.tsx

@@ -2,7 +2,9 @@ import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
+import { getField } from '../../ui-kit/FormField/getField';
 import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { type Option } from '../../ui-kit/Select/Option';
@@ -11,8 +13,7 @@ import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
 import { type ReferalFormContent } from './ReferalFormContent';
-import { sections } from './referalFormData';
-import { renderSections } from './renderSections';
+import { inputs } from './referalFormData';
 import { ResultLink } from './ResultLink';
 
 export interface FormState {
@@ -23,13 +24,9 @@ export interface FormState {
 export interface ReferalFormProps extends ReferalFormContent, UniBlockProps {}
 
 export const ReferalForm = UniBlock<ReferalFormProps>(
-  ({ link = '', button, copyIcon, ...rest }) => {
+  ({ title, description, link = '', button, copyIcon, ...rest }) => {
     const [isShowResultLink, setIsShowResultLink] = useState(false);
     const [referalLink, setReferalLink] = useState('');
-    const inputs = useMemo(
-      () => (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[],
-      [sections],
-    );
 
     const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
 
@@ -52,14 +49,17 @@ export const ReferalForm = UniBlock<ReferalFormProps>(
     return (
       <ApplicationFormLayout
         className="container space-y-m col-span-12"
-        title={getTitle(isShowResultLink)}
+        title={getTitle(title, isShowResultLink)}
         {...rest}
       >
         {isShowResultLink ? (
           <ResultLink link={referalLink} copyIcon={copyIcon} />
         ) : (
           <form onSubmit={onSubmit}>
-            {renderSections(sections, field)}
+            <div className="grid @xl:grid-cols-2 gap-x-m">
+              {renderTitle(description)}
+              {inputs.map(getField<FieldDef>(field))}
+            </div>
             <Paragraph size="text-l" font="font-light" color="text-secondary-text">
               <Text>Нажимая кнопку, вы подтверждаете согласие с </Text>
               <Link href="/privacy-policy" target="_blank" ariaLabel="условия передачи данных">
@@ -76,5 +76,5 @@ export const ReferalForm = UniBlock<ReferalFormProps>(
   },
 );
 
-const getTitle = (isShowResultLink = false) =>
-  isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
+const getTitle = (title = '', isShowResultLink = false) =>
+  isShowResultLink ? 'Ваша личная ссылка' : title;

package/mobile/src/components/ReferalForm/ReferalFormContent.ts

@@ -1,15 +1,17 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type Picture } from '../../model/Picture';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Форма для создания реферальной ссылки
  */
-export type ReferalFormContent = UniBlockContent & {
-  /** @title Адрес страницы с заявкой для реферала */
-  link?: string;
-  /** @title Кнопка */
-  button?: TextProps;
-  /** @title Иконка кнопки копирования */
-  copyIcon?: Picture;
-};
+export type ReferalFormContent = UniBlockContent &
+  TitleProps &
+  DescriptionProps & {
+    /** @title Адрес страницы с заявкой для реферала */
+    link?: string;
+    /** @title Кнопка */
+    button?: TextProps;
+    /** @title Иконка кнопки копирования */
+    copyIcon?: Picture;
+  };

package/mobile/src/components/ReferalForm/referalFormData.ts

@@ -1,18 +1,12 @@
-import { type SectionsProps } from '../../model/InputSectionsType';
+import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
 
-export const sections: SectionsProps[] = [
-  { title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
+export const inputs: FieldDef[] = [
   {
-    columns: 2,
-    inputs: [
-      {
-        name: 'dadataPartyInnSelect',
-        required: true,
-      },
-      {
-        name: 'email',
-        required: true,
-      },
-    ],
+    name: 'dadataPartyInnSelect',
+    required: true,
+  },
+  {
+    name: 'email',
+    required: true,
   },
 ];

package/mobile/src/components/ReferalForm/renderLinkInput.tsx

@@ -10,6 +10,10 @@ type renderLinkInputProps = InputProps & {
   copyIcon?: Picture;
 };
 
+const defaultIcon: Picture = {
+  icon: 'CopyIcon',
+};
+
 export const renderLinkInput = JSX<renderLinkInputProps>(({ className, value = '', copyIcon }) => {
   const onClick = useCallback(async () => {
     try {
@@ -28,7 +32,7 @@ export const renderLinkInput = JSX<renderLinkInputProps>(({ className, value = '
         disabled={true}
       />
       <div role="button" className="absolute right-3" onClick={onClick}>
-        <Img image={copyIcon} />
+        <Img image={copyIcon ?? defaultIcon} width="20px" />
       </div>
     </div>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.1039",
+  "version": "0.14.1040",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ReferalForm/ReferalForm.example.json

@@ -3,6 +3,8 @@
     "link": "https://www.rshb.ru/business/dlya-druga/rko",
     "button": {
       "text": "Получить ссылку"
-    }
+    },
+    "title": "Как получить бесплатное обслуживание счёта",
+    "description": "Заполните ваши данные и получите персональную ссылку"
   }
 }

package/src/components/ReferalForm/ReferalForm.fixture.mobile.tsx

@@ -15,6 +15,8 @@ export default {
     <div className="container grid grid-cols-12">
       <ReferalForm
         link="https://www.rshb.ru/business/dlya-druga/rko"
+        description="Заполните ваши данные и получите персональную ссылку"
+        title="Как получить бесплатное обслуживание счёта"
         button={{ text: 'Получить ссылку' }}
         copyIcon={icon}
       />

package/src/components/ReferalForm/ReferalForm.fixture.tsx

@@ -15,6 +15,8 @@ export default {
     <div className="container grid grid-cols-12">
       <ReferalForm
         link="https://www.rshb.ru/business/dlya-druga/rko"
+        description="Заполните ваши данные и получите персональную ссылку"
+        title="Как получить бесплатное обслуживание счёта"
         button={{ text: 'Получить ссылку' }}
         copyIcon={icon}
       />

package/src/components/ReferalForm/ReferalForm.tsx

@@ -2,7 +2,9 @@ import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
+import { getField } from '../../ui-kit/FormField/getField';
 import { getFormValidator } from '../../ui-kit/FormField/getObjectValidator';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { type Option } from '../../ui-kit/Select/Option';
@@ -11,8 +13,7 @@ import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
 import { type ReferalFormContent } from './ReferalFormContent';
-import { sections } from './referalFormData';
-import { renderSections } from './renderSections';
+import { inputs } from './referalFormData';
 import { ResultLink } from './ResultLink';
 
 export interface FormState {
@@ -23,13 +24,9 @@ export interface FormState {
 export interface ReferalFormProps extends ReferalFormContent, UniBlockProps {}
 
 export const ReferalForm = UniBlock<ReferalFormProps>(
-  ({ link = '', button, copyIcon, ...rest }) => {
+  ({ title, description, link = '', button, copyIcon, ...rest }) => {
     const [isShowResultLink, setIsShowResultLink] = useState(false);
     const [referalLink, setReferalLink] = useState('');
-    const inputs = useMemo(
-      () => (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[],
-      [sections],
-    );
 
     const formValidator = useMemo(() => getFormValidator(inputs), [inputs]);
 
@@ -52,14 +49,17 @@ export const ReferalForm = UniBlock<ReferalFormProps>(
     return (
       <ApplicationFormLayout
         className="container space-y-m col-span-12"
-        title={getTitle(isShowResultLink)}
+        title={getTitle(title, isShowResultLink)}
         {...rest}
       >
         {isShowResultLink ? (
           <ResultLink link={referalLink} copyIcon={copyIcon} />
         ) : (
           <form onSubmit={onSubmit}>
-            {renderSections(sections, field)}
+            <div className="grid @xl:grid-cols-2 gap-x-m">
+              {renderTitle(description)}
+              {inputs.map(getField<FieldDef>(field))}
+            </div>
             <Paragraph size="text-l" font="font-light" color="text-secondary-text">
               <Text>Нажимая кнопку, вы подтверждаете согласие с </Text>
               <Link href="/privacy-policy" target="_blank" ariaLabel="условия передачи данных">
@@ -76,5 +76,5 @@ export const ReferalForm = UniBlock<ReferalFormProps>(
   },
 );
 
-const getTitle = (isShowResultLink = false) =>
-  isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
+const getTitle = (title = '', isShowResultLink = false) =>
+  isShowResultLink ? 'Ваша личная ссылка' : title;

package/src/components/ReferalForm/ReferalFormContent.ts

@@ -1,15 +1,17 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type Picture } from '../../model/Picture';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Форма для создания реферальной ссылки
  */
-export type ReferalFormContent = UniBlockContent & {
-  /** @title Адрес страницы с заявкой для реферала */
-  link?: string;
-  /** @title Кнопка */
-  button?: TextProps;
-  /** @title Иконка кнопки копирования */
-  copyIcon?: Picture;
-};
+export type ReferalFormContent = UniBlockContent &
+  TitleProps &
+  DescriptionProps & {
+    /** @title Адрес страницы с заявкой для реферала */
+    link?: string;
+    /** @title Кнопка */
+    button?: TextProps;
+    /** @title Иконка кнопки копирования */
+    copyIcon?: Picture;
+  };

package/src/components/ReferalForm/referalFormData.ts

@@ -1,18 +1,12 @@
-import { type SectionsProps } from '../../model/InputSectionsType';
+import { type FieldDef } from '../ApplicationForm/ApplicationFormContent';
 
-export const sections: SectionsProps[] = [
-  { title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
+export const inputs: FieldDef[] = [
   {
-    columns: 2,
-    inputs: [
-      {
-        name: 'dadataPartyInnSelect',
-        required: true,
-      },
-      {
-        name: 'email',
-        required: true,
-      },
-    ],
+    name: 'dadataPartyInnSelect',
+    required: true,
+  },
+  {
+    name: 'email',
+    required: true,
   },
 ];