@redneckz/wildless-cms-uni-blocks 0.14.714 → 0.14.716

package/bundle/bundle.umd.js

@@ -1980,9 +1980,9 @@
         return (jsx(CheckboxWithError, { text: "\u0410\u0434\u0440\u0435\u0441 \u0444\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043C\u0435\u0441\u0442\u0430 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u0435\u0442 \u0441 \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438", ...getValidation(field('addressMatch'), validatorObj.addressMatch, input?.required) }));
     });
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
             'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
+        }), children: jsx("div", { className: style('inline-block ', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
 
     const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
     const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
@@ -3123,8 +3123,8 @@
 
     const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required) })));
 
-    const FIELD_NAME$a = 'birthPlace';
-    const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$a) })));
+    const FIELD_NAME$b = 'birthPlace';
+    const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$b) })));
 
     const getCardTypes = async (paymentSystemTypeCd, creditProgramId) => {
         const data = await fetchRetailJSON('/dictionaryFiltered', 'POST', {
@@ -3247,14 +3247,14 @@
     };
     const Button = JSX(({ children, ...props }) => {
         const button = useButton();
-        const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
-        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
+        const { className, version = 'primary', active, disabled, isLoading, type = 'button', rounded = true, role, onClick, } = button(props);
+        return (jsxs("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs relative', {
                 'text-white bg-primary-active': active,
-                'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+                'bg-main-gray text-main-disabled cursor-not-allowed': disabled || isLoading,
                 'rounded-md': rounded,
-            }, !active && !disabled
+            }, !active && !disabled && !isLoading
                 ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-                : '', className), type: type, role: role, onClick: onClick, children: children }));
+                : '', className), type: type, role: role, onClick: onClick, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] }));
     });
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
@@ -3587,12 +3587,12 @@
     };
     const swap = (_) => Object.fromEntries(Object.entries(_).map(([k, v]) => [v, k]));
 
-    const FIELD_NAME$9 = 'calculator';
+    const FIELD_NAME$a = 'calculator';
     const CreditCalcField = JSX(({ field, params }) => {
         const handleChange = useCallback((_) => {
-            field(FIELD_NAME$9).onChange?.(_);
+            field(FIELD_NAME$a).onChange?.(_);
         }, []);
-        return (jsx(CalculatorCredit, { ...params?.calcData, padding: "p-0", defaultParams: defaultValueAdapter(field(FIELD_NAME$9).value), onChange: handleChange }));
+        return (jsx(CalculatorCredit, { ...params?.calcData, padding: "p-0", defaultParams: defaultValueAdapter(field(FIELD_NAME$a).value), onChange: handleChange }));
     });
 
     const LABEL_TEXT = `Имеет ли юридическое лицо, акционером / участником / членом / пайщиком /
@@ -3621,30 +3621,30 @@
 
     const DisablePeopleFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u0438\u043D\u0432\u0430\u043B\u0438\u0434\u043E\u043C", ...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg, input?.required) })));
 
-    const FIELD_NAME$8 = 'dulIssueDateField';
-    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$8), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$8) })));
+    const FIELD_NAME$9 = 'dulIssueDateField';
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$9), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$9) })));
 
-    const FIELD_NAME$7 = 'dulIssuedBy';
+    const FIELD_NAME$8 = 'dulIssuedBy';
     const DulIssuedByField = JSX(({ field, input }) => {
         const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } = field('dulSubdivisionCode');
         const onDaDataChange = useCallback((item) => {
             changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
         }, []);
-        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$7), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$7), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$8), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$8), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
     });
 
-    const FIELD_NAME$6 = 'dulNumber';
-    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+    const FIELD_NAME$7 = 'dulNumber';
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$7), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
 
-    const FIELD_NAME$5 = 'dulSerie';
-    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+    const FIELD_NAME$6 = 'dulSerie';
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
 
-    const FIELD_NAME$4 = 'dulSubdivisionCode';
+    const FIELD_NAME$5 = 'dulSubdivisionCode';
     const DulSubdivisionCodeField = JSX(({ field, input }) => {
         const onDaDataChange = useCallback((item) => {
             field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
         }, []);
-        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$4), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", isInteger: true, maxLength: 6, ...input, ...getValidation(field(FIELD_NAME$4), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", isInteger: true, maxLength: 6, ...input, ...getValidation(field(FIELD_NAME$5), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -3686,7 +3686,13 @@
 
     const ExpensesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0432 \u043C\u0435\u0441\u044F\u0446", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('expenses'), validatorObj.expenses, input?.required), ...input })));
 
-    const Experience5YearsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", maxLength: 2, ...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required), ...input })));
+    const FIELD_NAME$4 = 'experience5Years';
+    const MAX_YEARS = 5;
+    const MIN_YEARS = 0;
+    const Experience5YearsField = JSX(({ field, input }) => {
+        const onChange = useCallback((value) => field(FIELD_NAME$4)?.onChange?.(String(clamp(Number(value), MIN_YEARS, MAX_YEARS))), []);
+        return (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", ...getValidation(field(FIELD_NAME$4), validatorObj[FIELD_NAME$4], input?.required), ...input, onChange: onChange }));
+    });
 
     const FamilyMembersField = JSX(({ field }) => {
         const { value, onChange } = field('familyMembers');
@@ -3938,11 +3944,10 @@
     const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...getValidation(field('participantDateRegistration'), validatorObj.participantDateRegistration, input?.required) })));
 
     const MAX_PART = 100;
+    const MIN_PART = 0;
     const FIELD_NAME$1 = 'partInBusiness';
     const PartInBusinessField = JSX(({ field, input }) => {
-        const onChange = useCallback((value) => {
-            field(FIELD_NAME$1)?.onChange?.(String(Number(value) > MAX_PART ? MAX_PART : Number(value) || ''));
-        }, []);
+        const onChange = useCallback((value) => field(FIELD_NAME$1)?.onChange?.(String(clamp(Number(value), MIN_PART, MAX_PART))), []);
         return (jsx(InputControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", isInteger: true, maxLength: 3, ...getValidation(field(FIELD_NAME$1), validatorObj.partInBusiness, input?.required), ...input, onChange: onChange }));
     });
 
@@ -4470,7 +4475,7 @@
         },
     ];
 
-    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+    const renderSubmitButton = (button, isSending) => (jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
 
     const createDraftTask = async (body) => {
         const res = await fetchRetailJSON('/user-data/createDraftTask', 'POST', body);
@@ -4651,7 +4656,7 @@
 
     const useVerifyPhoneDialogSubmit = ({ values, onSuccess, }) => {
         const [errorText, setErrorText] = useState('');
-        const [isLoading, setIsLoading] = useState(false);
+        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
         const [timeNextReq, setTimeNextReq] = useState(0);
         const [isTimerStarted, setIsTimerStarted] = useState(false);
         const [attempts, setAttempts] = useState(0);
@@ -4663,19 +4668,19 @@
                 setIsTimerStarted(false);
                 setTimeNextReq(0);
                 setAttempts((_) => _ + 1);
-                setIsLoading(true);
+                startLoading();
                 await checkCode({
                     smsText: values.join(''),
                     smsCodesSetName: { key: 'AUTHENTICATION' },
                 });
                 resetError();
-                onSuccess?.(values.join(''));
+                await onSuccess?.(values.join(''));
             }
             catch {
                 setErrorText(attempts > 1 ? 'Исчерпан лимит ввода смс-кода' : 'Неверный код');
             }
             finally {
-                setIsLoading(false);
+                endLoading();
             }
         }, [values, attempts]);
         useEffect(() => {
@@ -5126,6 +5131,7 @@
 
     const useApplicationLeadApi = ({ inputs, programId, nextStepLink, }) => {
         const [responseStatus, setResponseStatus] = useState('');
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const saveUserData = useSaveUserData();
         const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
         const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
@@ -5137,6 +5143,7 @@
                 return;
             }
             try {
+                startSending();
                 const profileId = await createUserProfile({
                     profile: { phone: formatPhone(formData.phone) },
                 });
@@ -5153,10 +5160,7 @@
                     };
                     const handleSuccessVerify = async () => {
                         try {
-                            const lastTaskId = await getLastTaskStatus({
-                                profileId,
-                                programId,
-                            });
+                            const lastTaskId = await getLastTaskStatus({ profileId, programId });
                             if (lastTaskId) {
                                 const task = await getTaskById({ taskId: lastTaskId });
                                 verifyPhoneDialog.close();
@@ -5174,14 +5178,13 @@
                             setResponseStatus('Fail');
                         }
                     };
-                    const acceptedConsents = Object.keys(CONSENTS)
-                        .filter((_) => formData[_])
-                        .map((_) => CONSENTS[_]?.text);
+                    const acceptedConsents = getAcceptedConsents(formData);
                     verifyPhoneDialog.open({
                         phone: formData?.phone,
                         consents: acceptedConsents,
                         onSuccess: handleSuccessVerify,
                     });
+                    endSending();
                 }
             }
             catch {
@@ -5191,8 +5194,12 @@
         return {
             handleSubmit,
             responseStatus,
+            isSending,
         };
     };
+    const getAcceptedConsents = (formData) => Object.keys(CONSENTS)
+        .filter((_) => formData[_])
+        .map((_) => CONSENTS[_]?.text);
     const updateUserData = async ({ programId, profileId, formData, saveUserData, }) => {
         const transformedForm = transformOtherConsentsField(formData);
         await updateUserProfile(getUpdateUserProfileData(profileId, transformedForm));
@@ -5379,7 +5386,7 @@
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
         const inputs = useMemo(() => (applicationFormData?.flatMap((_) => _?.inputs) || []), [applicationFormData]);
         const [initialFormState, { isLoading }] = useInitApplicationLead(inputs, nextStepLink);
-        const { handleSubmit, responseStatus } = useApplicationLeadApi({
+        const { handleSubmit, responseStatus, isSending } = useApplicationLeadApi({
             inputs,
             programId,
             nextStepLink,
@@ -5391,7 +5398,7 @@
                 responseTypeDialog.open({ responseType: responseStatus });
             }
         }, [responseStatus]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button, isSending)] }) }));
     });
 
     const NotFound = JSX(({ title, description }) => {
@@ -6978,10 +6985,10 @@
     });
     const getValue$3 = (field) => (name) => field(name)?.value;
 
-    const StepsNavigationButtons$1 = JSX(({ step, onPrevStep }) => {
+    const StepsNavigationButtons$1 = JSX(({ step, isSending, onPrevStep }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { isLoading: isSending, type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const getAdditionalInfoData = (formData) => {
@@ -7271,6 +7278,7 @@
     };
 
     const useCreditCardFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 5;
         const retailFormStore = useRetailFormStore();
         const initialState = useMemo(() => getInitialFormState$1(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
@@ -7295,6 +7303,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -7316,21 +7325,24 @@
             catch (ex) {
                 // Do nothing
             }
+            finally {
+                endSending();
+            }
         }, [isFinalStep, resetForm]);
-        return [initialState, handleSubmit];
+        return [initialState, handleSubmit, isSending];
     };
     const getValue$2 = (formData) => (name) => formData[name];
 
     const CreditCardFormStep = JSX(({ step, sections, isFormFinished, onPrevStep, onNextStep, onFinish }) => {
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
-        const [initialState, onSubmit] = useCreditCardFormAPI({
+        const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
             step,
             inputs,
             onNextStep,
             onFinish,
         });
         const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
-        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$2({ sections, field, step }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$2({ sections, field, step }), jsx(StepsNavigationButtons$1, { isSending: isSending, step: step, onPrevStep: onPrevStep })] }));
     });
 
     const PERSONAL_INFO_CONTENT = [
@@ -7928,10 +7940,10 @@
     });
     const getValue$1 = (field) => (name) => field(name)?.value;
 
-    const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
+    const StepsNavigationButtons = JSX(({ step, onPrevStep, isSending }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const PAYMENT_TYPE_DATA = {
@@ -8110,6 +8122,7 @@
     };
 
     const useCreditFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 5;
         const retailFormStore = useRetailFormStore();
         const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
@@ -8134,6 +8147,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -8155,8 +8169,11 @@
             catch (ex) {
                 // Do nothing
             }
+            finally {
+                endSending();
+            }
         }, [isFinalStep, resetForm]);
-        return [initialState, handleSubmit];
+        return [initialState, handleSubmit, isSending];
     };
     const getValue = (formData) => (name) => formData[name];
 
@@ -8164,14 +8181,14 @@
         const { programId } = useRetailFormStore();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
-        const [initialState, onSubmit] = useCreditFormAPI({
+        const [initialState, onSubmit, isSending] = useCreditFormAPI({
             step,
             inputs,
             onNextStep,
             onFinish,
         });
         const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
-        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
     const stepsSectionsMap = [
@@ -10483,7 +10500,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.713";
+    const packageVersion = "0.14.715";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;