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

package/bundle/bundle.umd.js

@@ -3833,7 +3833,7 @@
 
     const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
 
-    const renderSections$1 = (sections, field, { typeForm, additionalParams }) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm, ...additionalParams }))] }, `section-${i}`)));
+    const renderSections = (sections, field, { typeForm, additionalParams }) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm, ...additionalParams }))] }, `section-${i}`)));
 
     const useInterval = (handler, period) => {
         const timer = useRef(null);
@@ -4042,7 +4042,7 @@
         });
         const fieldName = getConsentDataProcessing(inputs)?.name;
         const consentDataProcessing = fieldName ? field('consentDataProcessing') : undefined;
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections$1(sections, field, { typeForm, additionalParams }), renderAgreementSubmit({
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [renderSections(sections, field, { typeForm, additionalParams }), renderAgreementSubmit({
                             consentDataProcessing,
                             link,
                             additionalLink,
@@ -11582,10 +11582,101 @@
         return statusesMap[status] || jsx(ReworkStatusContent, {});
     };
 
+    const YANDEX_ID = projectSettings.YANDEX_METRIKA_ID || '92511315';
+    const data = [
+        [
+            {
+                aspectName: 'ymReachGoal',
+                params: {
+                    yandexId: YANDEX_ID,
+                    targetName: 'credit_calculator',
+                },
+            },
+            {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'naturalCreditsReducedPaymentCreditSummPeriodNext',
+                    eventCategory: 'naturalCredits',
+                    eventValueText: 'Кредит со сниженным платежом Сумма и сроки кредита Кнопка Далее',
+                },
+            },
+        ],
+        [
+            {
+                aspectName: 'ymReachGoal',
+                params: {
+                    yandexId: YANDEX_ID,
+                    targetName: 'app_personal_data',
+                },
+            },
+            {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'naturalCreditsReducedPaymentCreditFormPassportNext',
+                    eventCategory: 'naturalCredits',
+                    eventValueText: 'Кредит со сниженным платежом Паспортные данные Кнопка Далее',
+                },
+            },
+        ],
+        [
+            {
+                aspectName: 'ymReachGoal',
+                params: {
+                    yandexId: YANDEX_ID,
+                    targetName: 'app_work',
+                },
+            },
+            {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'naturalCreditsReducedPaymentCreditFormEmployerDetailsNext',
+                    eventCategory: 'naturalCredits',
+                    eventValueText: 'Кредит со сниженным платежом Данные о работодателе Кнопка Далее',
+                },
+            },
+        ],
+        [
+            {
+                aspectName: 'ymReachGoal',
+                params: {
+                    yandexId: YANDEX_ID,
+                    targetName: 'app_income',
+                },
+            },
+            {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'naturalCreditsReducedPaymentCreditFormFamilyStatusNext',
+                    eventCategory: 'naturalCredits',
+                    eventValueText: 'Кредит со сниженным платежом Семейное положение и доход Кнопка Далее',
+                },
+            },
+        ],
+        [
+            {
+                aspectName: 'ymReachGoal',
+                params: {
+                    yandexId: YANDEX_ID,
+                    targetName: 'app_bank_office',
+                },
+            },
+            {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'naturalCreditsReducedPaymentCreditFormBankDepartmentChoosingNext',
+                    eventCategory: 'naturalCredits',
+                    eventValueText: 'Кредит со сниженным платежом Выбор отделения Кнопка Далее',
+                },
+            },
+        ],
+    ];
+    const getAspects = (step) => {
+        return data[step] || [];
+    };
     const StepsNavigationButtons$1 = JSX(({ step, onPrevStep, isSending }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, testId: "back-button", children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, testId: "next-button", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, testId: "back-button", children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, testId: "next-button", data: getAspects(step), children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const PAYMENT_TYPE_DATA = {
@@ -14095,25 +14186,20 @@
         return (jsxs(BlockWrapper, { className: style('p-6xl space-y-xl', className), defaultPadding: "p-0", ...rest, children: [jsx(Heading, { className: "mb-xl", children: title }), isArchive ? renderDataPickForm() : null, ratesList.map((list, i) => (jsx(RatesTableItem, { list: list, isRatesValid: isRatesValid, isArchive: isArchive, infoMessage: infoMessage }, String(i)))), href ? renderLink(href) : null] }));
     });
 
-    const sections = [
-        { title: 'Заполните ваши данные и получите персональную ссылку', inputs: [] },
+    const inputs = [
         {
-            columns: 2,
-            inputs: [
-                {
-                    name: 'dadataPartyInnSelect',
-                    required: true,
-                },
-                {
-                    name: 'email',
-                    required: true,
-                },
-            ],
+            name: 'dadataPartyInnSelect',
+            required: true,
+        },
+        {
+            name: 'email',
+            required: true,
         },
     ];
 
-    const renderSections = (sections, field) => sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field))] }, `section-${i}`)));
-
+    const defaultIcon = {
+        icon: 'CopyIcon',
+    };
     const renderLinkInput = JSX(({ className, value = '', copyIcon }) => {
         const onClick = useCallback(async () => {
             try {
@@ -14123,7 +14209,7 @@
                 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$1), 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$1), type: "text", value: value, disabled: true }), jsx("div", { role: "button", className: "absolute right-3", onClick: onClick, children: jsx(Img, { image: copyIcon ?? defaultIcon, width: "20px" }) })] }));
     });
 
     const ResultLink = JSX(({ link, copyIcon }) => {
@@ -14133,10 +14219,9 @@
                 })] }));
     });
 
-    const ReferalForm = UniBlock(({ link = '', button, copyIcon, ...rest }) => {
+    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}`);
@@ -14147,9 +14232,9 @@
             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$1, { 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$1, { className: "w-full @xl:w-auto mt-xs", children: button?.text ?? 'Получить ссылку' })] })) }));
     });
-    const getTitle = (isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : 'Как получить бесплатное обслуживание счёта';
+    const getTitle = (title = '', isShowResultLink = false) => isShowResultLink ? 'Ваша личная ссылка' : title;
 
     const RichTextBlock = UniBlock((props) => {
         const { __html, dynamicQueryParamText = {}, dynamicTextSource, richVersion = '', ...rest } = props;
@@ -14691,7 +14776,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.1037";
+    const packageVersion = "0.14.1039";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;