@redneckz/wildless-cms-uni-blocks 0.14.884 → 0.14.885

package/bundle/bundle.umd.js

@@ -2294,7 +2294,7 @@
     };
     const byNonEmptyValidator = (validator = {}) => ({ name }) => Boolean(validator[name ?? '']);
     const byCondition = (formState) => (fieldDef) => !fieldDef?.condition ||
-        fieldDef.condition.values.find((_) => {
+        fieldDef.condition.values.some((_) => {
             const dependencyValue = formState?.[fieldDef?.condition?.name ?? ''];
             return _ === (dependencyValue?.key ?? dependencyValue);
         });
@@ -2821,10 +2821,6 @@
             text: 'Согласие на информирование о продуктах и услугах Банка',
             docId: 14,
         },
-        consentProviderFlg: {
-            text: 'Согласие об использовании простой электронной подписи',
-            docId: 5,
-        },
         consentOthersFlg: {
             text: 'Прочие согласия',
             docId: 20,
@@ -2914,7 +2910,7 @@
 
     const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
 
-    const EsiaLoginBanner = JSX(({ onChangeEsiaStatus }) => {
+    const EsiaLoginBanner = JSX(({ onChangeEsiaStatus, productType }) => {
         const navigator = locationNavigator();
         const handleAuth = useCallback(async () => {
             try {
@@ -2929,7 +2925,7 @@
                 onChangeEsiaStatus(EsiaStatuses.Error);
             }
         }, []);
-        return (jsxs("div", { className: "flex gap-lg items-center rounded-md bg-main-gray p-4xl", children: [jsxs("div", { className: "flex flex-col justify-around w-full", children: [jsx("p", { className: "mb-m text-xl", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0447\u0435\u0440\u0435\u0437 \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438" }), jsxs("ul", { className: "list-disc list-inside mb-4xl", children: [jsx("li", { children: "\u0412\u0435\u0440\u043E\u044F\u0442\u043D\u043E\u0441\u0442\u044C \u043E\u0434\u043E\u0431\u0440\u0435\u043D\u0438\u044F \u0432\u044B\u0448\u0435" }), jsx("li", { children: "\u0411\u0435\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u043A \u043E \u0434\u043E\u0445\u043E\u0434\u0430\u0445 \u0438 \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435" }), jsx("li", { children: "\u0421 \u0437\u0430\u0449\u0438\u0442\u043E\u0439 \u0412\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), jsx(Img, { className: "block mb-xl self-center @md:hidden", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "80", width: "80" }), jsx(Button, { type: "button", onClick: handleAuth, className: "w-full @md:w-fit", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C" })] }), jsx(Img, { className: "hidden @md:block", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "164" })] }));
+        return (jsxs("div", { className: "flex items-center rounded-md bg-main-gray p-4xl", children: [jsxs("div", { className: "flex gap-m flex-col justify-around w-full", children: [jsx("p", { className: "text-xl", children: `Заполните данные через Госуслуги${productType === 'debitCard' ? ' - это значительно сократит время оформления заявки' : ''}` }), productType === 'debitCard' ? null : (jsxs("ul", { className: "list-disc list-inside", children: [jsx("li", { children: "\u0412\u0435\u0440\u043E\u044F\u0442\u043D\u043E\u0441\u0442\u044C \u043E\u0434\u043E\u0431\u0440\u0435\u043D\u0438\u044F \u0432\u044B\u0448\u0435" }), jsx("li", { children: "\u0411\u0435\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u043A \u043E \u0434\u043E\u0445\u043E\u0434\u0430\u0445 \u0438 \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435" }), jsx("li", { children: "\u0421 \u0437\u0430\u0449\u0438\u0442\u043E\u0439 \u0412\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), jsx(Img, { className: "block self-center @md:hidden", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "80", width: "80" }), jsx(Button, { type: "button", onClick: handleAuth, className: "w-full @md:w-fit", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C" })] }), jsx(Img, { className: "hidden @md:block", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "164" })] }));
     });
 
     const NAME_HINTS_LIST_OPTIONS = {
@@ -4055,17 +4051,23 @@
         const [programId] = useLocalStorage('programId');
         const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
         const selectedPaymentSystem = field('paymentSystem')?.value?.key;
+        const getCardCategoryValue = useCallback((fetchedCardTypes) => fetchedCardTypes.length === 1
+            ? {
+                key: fetchedCardTypes[0].key,
+                text: fetchedCardTypes[0].value,
+            }
+            : null, []);
         useEffect(() => {
             if (selectedPaymentSystem && programId) {
                 (async () => {
                     const fetchedCardTypes = await getCardTypes(selectedPaymentSystem, programId);
                     setCardTypes(fetchedCardTypes);
                     if (!isValidCardCategory(fetchedCardTypes, selectedCardCategory)) {
-                        cardCategoryChange && cardCategoryChange(null);
+                        cardCategoryChange?.(getCardCategoryValue(fetchedCardTypes));
                     }
                 })();
             }
-        }, [selectedPaymentSystem]);
+        }, [selectedPaymentSystem, getCardCategoryValue]);
         const description = useMemo(() => cardTypes?.find((_) => _.key === selectedCardCategory?.key)?.description, [cardTypes, selectedCardCategory]);
         return (jsxs("div", { children: [jsx(SelectField, { field: field, source: cardTypes, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input }), description ? jsx(InfoCard, { __html: description }) : null] }));
     });
@@ -4465,6 +4467,8 @@
         42: 'eco_debit_card',
         43: 'junior_debit_card',
         44: 'appetit_debit_card',
+        46: 'owner_debit_card_plus',
+        47: 'owner_debit_card_pens_plus',
     };
 
     const RadioButtonGroupControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), ...rest }), renderErrorText(error)] })));
@@ -5539,6 +5543,43 @@
         };
     };
 
+    /* eslint-disable camelcase */
+    const creditCodesToProgrammIdMap = {
+        credit_cash: '10',
+        credit_cash_single_doc: '28',
+        credit_mcx: '39',
+        family_offer_credit: '41',
+        gas_engine_fuel: '33',
+        pension_credit: '12',
+        ref_credit: '11',
+        ref_credit_single_doc: '29',
+        self_employed: '34',
+        summer_cash: '35',
+        summer_cash_pens: '36',
+    };
+    const debitCardCodesToProgrammIdMap = {
+        amur_debit_card: '17',
+        owner_debit_card: '16',
+        pension_debit_card: '18',
+        salary_debit_card: '38',
+        vordi_debit_card: '40',
+        eco_debit_card: '42',
+        junior_debit_card: '43',
+        appetit_debit_card: '44',
+        owner_debit_card_plus: '46',
+        owner_debit_card_pens_plus: '47',
+    };
+    const cardCodesToProgrammIdMap = {
+        amur_card: '14',
+        owner_card: '13',
+        travel_card: '15',
+    };
+    const creditProgramCodeToProductIdMap = {
+        ...creditCodesToProgrammIdMap,
+        ...cardCodesToProgrammIdMap,
+        ...debitCardCodesToProgrammIdMap,
+    };
+
     const DraftActionButton = JSX(({ title, icon, description, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, children: [jsx(Img, { image: { icon, iconVersion: 'normal' }, width: "78", height: "78" }), jsxs("div", { className: "flex flex-col items-start gap-xs md:w-72 md:mr-lg", children: [title ? (jsx(Text, { font: "font-medium", size: "text-s", children: title })) : null, description ? (jsx(Text, { color: "text-secondary-text", size: "text-xs", children: description })) : null] })] })));
 
     const fieldsNamesToContactKeysMap = {
@@ -5634,7 +5675,6 @@
     };
     const countIncomeAverage = (wages, retirementIncome) => (Number(wages ?? 0) + Number(retirementIncome ?? 0)).toString();
 
-    /* eslint-disable camelcase */
     const EMPLOYMENT_TYPE = {
         WORK: 'Работаю',
         RETIREE: 'Пенсионер',
@@ -5645,28 +5685,6 @@
         PFR_CERTIFICATE: 'Получаю зарплату на счет/карту в другом банке',
         OTHER: 'Другое',
     };
-    const creditCodesToProgrammIdMap = {
-        credit_cash: '10',
-        credit_cash_single_doc: '28',
-        credit_mcx: '39',
-        family_offer_credit: '41',
-        gas_engine_fuel: '33',
-        pension_credit: '12',
-        ref_credit: '11',
-        ref_credit_single_doc: '29',
-        self_employed: '34',
-        summer_cash: '35',
-        summer_cash_pens: '36',
-    };
-    const cardCodesToProgrammIdMap = {
-        amur_card: '14',
-        owner_card: '13',
-        travel_card: '15',
-    };
-    const creditProgramCodeToProductIdMap = {
-        ...creditCodesToProgrammIdMap,
-        ...cardCodesToProgrammIdMap,
-    };
     const getParticipantIncomes = (participantIncomes) => {
         const wages = participantIncomes?.find((contact) => contact.incomeTypeCd.key === "WAGES" /* EIncomesType.WAGES */)?.value;
         const mandatoryPayments = participantIncomes?.find((contact) => contact.incomeTypeCd.key === "MANDATORY_PAYMENTS" /* EIncomesType.MANDATORY_PAYMENTS */)?.value;
@@ -5722,6 +5740,27 @@
             }
             : undefined;
     };
+    const getProductData = (isDebit = false, isCredit = false) => {
+        if (isDebit) {
+            return {
+                nextStepLink: '/debit-card-lead',
+                newTaskLink: '/natural/debetcards',
+                description: 'На дебетовую карту',
+            };
+        }
+        else if (isCredit) {
+            return {
+                nextStepLink: '/credit-lead',
+                newTaskLink: '/natural/loans/all-goals',
+                description: 'На получение кредита',
+            };
+        }
+        return {
+            nextStepLink: '/credit-card-lead',
+            newTaskLink: '/natural/creditcards/svoya',
+            description: 'На получение кредитной карты',
+        };
+    };
 
     const parseDraftTask = (task) => {
         const participant = task.participants[0];
@@ -5793,15 +5832,7 @@
         const { participants, creditProgram, createdDate = '', id: taskId } = task;
         const programmId = creditProgramCodeToProductIdMap[creditProgram.code];
         const isCredit = Boolean(creditCodesToProgrammIdMap[creditProgram.code]);
-        const getNextStepLink = () => {
-            if (isDebit) {
-                return '/debit-card-lead';
-            }
-            else if (isCredit) {
-                return '/credit-lead';
-            }
-            return '/credit-card-lead';
-        };
+        const productData = getProductData(isDebit, isCredit);
         const { id: participantId, profile } = participants[0];
         const handleGoToDraft = useCallback(() => {
             const taskFromDraft = parseDraftTask(task);
@@ -5813,18 +5844,19 @@
             if (profile?.id) {
                 sendAspects(profile.id, taskId);
             }
-            navigator.assign(getNextStepLink());
+            navigator.assign(productData.nextStepLink);
         }, []);
         const handleGoToNewTask = useCallback(() => {
-            navigator.assign(isCredit ? '/natural/loans/all-goals' : '/natural/creditcards/svoya');
+            navigator.assign(productData.newTaskLink);
         }, []);
-        return (jsx(Dialog, { className: "my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: "\u041D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430", onClick: isFromLead ? onClose : handleGoToNewTask })] })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: productData.description, onClick: isFromLead ? onClose : handleGoToNewTask })] })] }) }));
     });
 
-    const EmptyDraftDialog = JSX(function ({ onClose = noop }) {
+    const EmptyDraftDialog = JSX(function ({ isDebit, onClose = noop }) {
         const navigator = locationNavigator();
+        const productData = getProductData(isDebit);
         const handleGoNewTask = useCallback(() => {
-            navigator.assign('/natural/loans/all-goals');
+            navigator.assign(productData.newTaskLink);
         }, []);
         const handleGoMainPage = useCallback(() => {
             navigator.assign('/');
@@ -5839,7 +5871,7 @@
             open: ({ task, isFromLead, isDebit, onClose, sendAspects }) => {
                 task
                     ? openDraftDialog({ task, isFromLead, isDebit, onClose, sendAspects })
-                    : openEmptyDraftDialog({});
+                    : openEmptyDraftDialog({ isDebit });
             },
         };
     };
@@ -6516,7 +6548,7 @@
                 reset();
             }
         }, [leadForm?.current, esiaStatus]);
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [!esiaStatus ? jsx(EsiaLoginBanner, { onChangeEsiaStatus: setEsiaStatus }) : null, jsxs("form", { onSubmit: onSubmitWithPrecondition, className: "space-y-m relative", ref: leadForm, children: [esiaStatus === EsiaStatuses.Pending ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaStatus === EsiaStatuses.Error ? (jsx(Text, { size: "text-m", font: "font-medium", color: "text-error", children: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438 \u0434\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u044F \u0432\u0440\u0443\u0447\u043D\u0443\u044E." })) : null] })] }));
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [!esiaStatus ? (jsx(EsiaLoginBanner, { onChangeEsiaStatus: setEsiaStatus, productType: productType })) : null, jsxs("form", { onSubmit: onSubmitWithPrecondition, className: "space-y-m relative", ref: leadForm, children: [esiaStatus === EsiaStatuses.Pending ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaStatus === EsiaStatuses.Error ? (jsx(Text, { size: "text-m", font: "font-medium", color: "text-error", children: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438 \u0434\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u044F \u0432\u0440\u0443\u0447\u043D\u0443\u044E." })) : null] })] }));
     });
     const getInputs = (applicationFormData) => (applicationFormData?.flatMap((_) => _?.inputs) || []);
     const getExtendedValidatorObj = (productType) => ({
@@ -8279,7 +8311,10 @@
                 phone: formatPhone(phone),
                 email,
             }),
-            participantAddresses: getParticipantAddresses$1({ addressRegistration, addressFact }),
+            participantAddresses: getParticipantAddresses$1({
+                addressRegistration,
+                addressFact: addressMatch ? addressRegistration : addressFact,
+            }),
             genderCd: sex
                 ? {
                     key: sex === 'male' ? 'MAN' : 'WOMAN',
@@ -9506,6 +9541,7 @@
                 fullAddress: '',
                 fiasCode: '',
             },
+            addressMatch: true,
             addressFact: {
                 fullAddress: '',
                 fiasCode: '',
@@ -9659,6 +9695,108 @@
         return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
+    /* eslint-disable max-lines */
+    const DELIVERY_DEBIT_CARD_CONTENT = [
+        {
+            title: 'Регион обслуживания карты',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'regionRetail',
+                    required: true,
+                },
+            ],
+        },
+        {
+            title: 'Способ получения',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'regionHasDelivery',
+                values: [true],
+            },
+        },
+        {
+            inputs: [
+                {
+                    name: 'methodObtain',
+                    condition: {
+                        name: 'regionHasDelivery',
+                        values: [true],
+                    },
+                },
+            ],
+        },
+        {
+            title: 'Выбор офиса',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'methodObtain',
+                values: ['office'],
+            },
+        },
+        {
+            title: 'Адрес доставки',
+            columns: 1,
+            inputs: [],
+            condition: {
+                name: 'methodObtain',
+                values: ['courier'],
+            },
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressCourier',
+                    dadata: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    required: true,
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    label: 'Ожидайте звонка для согласования даты и времени доставки карты',
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'comment',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressRetail',
+                    required: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
+                    },
+                },
+            ],
+        },
+    ];
     const DEBIT_PERSONAL_INFO_CONTENT = [
         ...PERSONAL_DATA,
         {
@@ -9680,9 +9818,23 @@
         {
             title: 'Адрес фактического проживания (место пребывания РФ)',
             inputs: [],
+            condition: {
+                name: 'addressMatch',
+                values: [false],
+            },
         },
         {
-            inputs: [{ name: 'addressFact', required: true, dadata: true }],
+            inputs: [
+                {
+                    name: 'addressFact',
+                    required: true,
+                    dadata: true,
+                    condition: {
+                        name: 'addressMatch',
+                        values: [false],
+                    },
+                },
+            ],
         },
     ];
     const DEBIT_CARD_CONTENT = [
@@ -9713,6 +9865,9 @@
                 },
             ],
         },
+        {
+            inputs: [{ name: 'codeWord', required: true }],
+        },
         {
             inputs: [
                 {
@@ -9723,12 +9878,9 @@
                 },
             ],
         },
-        {
-            inputs: [{ name: 'codeWord', required: true }],
-        },
     ];
     const stepsSectionsMap = [
-        DELIVERY_CARD_CONTENT,
+        DELIVERY_DEBIT_CARD_CONTENT,
         DEBIT_PERSONAL_INFO_CONTENT,
         DEBIT_CARD_CONTENT,
     ];
@@ -9751,7 +9903,11 @@
         }, []);
         const sections = stepsSectionsMap[step];
         const isStartStep = step === 0;
-        const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
+        const [isFormFinished, { setTrue: setIsFormFinished }] = useBool(false);
+        const handleFinish = useCallback(() => {
+            setIsFormFinished();
+            scrollToTop();
+        }, []);
         return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(DebitFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(DebitFormStatusTracker, {})) : (jsx(DebitFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
@@ -11368,7 +11524,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.883";
+    const packageVersion = "0.14.884";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;