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

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';
@@ -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" }) })));
@@ -4470,7 +4470,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 +4651,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 +4663,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 +5126,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 +5138,7 @@
                 return;
             }
             try {
+                startSending();
                 const profileId = await createUserProfile({
                     profile: { phone: formatPhone(formData.phone) },
                 });
@@ -5153,10 +5155,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 +5173,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 +5189,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 +5381,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 +5393,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 +6980,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 +7273,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 +7298,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -7316,21 +7320,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 +7935,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 +8117,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 +8142,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -8155,8 +8164,11 @@
             catch (ex) {
                 // Do nothing
             }
+            finally {
+                endSending();
+            }
         }, [isFinalStep, resetForm]);
-        return [initialState, handleSubmit];
+        return [initialState, handleSubmit, isSending];
     };
     const getValue = (formData) => (name) => formData[name];
 
@@ -8164,14 +8176,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 +10495,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.713";
+    const packageVersion = "0.14.714";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;