@redneckz/wildless-cms-uni-blocks 0.14.619 → 0.14.620

package/bundle/bundle.umd.js

@@ -2756,6 +2756,10 @@
         return [storedValue, setValue];
     }
 
+    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, {
+            '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" }) })));
+
     const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
         const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
         const onToggle = useCallback(() => {
@@ -3011,10 +3015,6 @@
         };
     };
 
-    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, {
-            '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" }) })));
-
     const Timer = JSX(({ time, setTime, className }) => {
         useEffect(() => {
             const timer = setInterval(() => {
@@ -3218,12 +3218,9 @@
     ];
     const CONSENT_BKI_ID = 2;
 
-    const useConsentBkiDialog = () => {
+    const useConsentBkiDialog = (onClose) => {
         const { open, closeAll } = useDialogManager();
         const verifyPhoneDialog = useVerifyPhoneDialog();
-        const redirectToCreditForm = () => {
-            globalThis.location.href = '/credit-lead';
-        };
         const handleSuccessVerify = (profileId) => async (smsCode) => {
             if (profileId) {
                 await updateUserProfile({
@@ -3234,7 +3231,7 @@
                     },
                 });
             }
-            redirectToCreditForm();
+            onClose();
         };
         const handleSubmitBkiConstent = (phone, profileId) => async (confirmStatus) => {
             await closeAll();
@@ -3242,11 +3239,11 @@
                 verifyPhoneDialog.open(handleSuccessVerify(profileId), verifyPhoneContent$1(phone));
             }
             else {
-                redirectToCreditForm();
+                onClose();
             }
         };
         return {
-            open: (phone, profileId) => open(jsx(ConsentBkiDialog, { handleSubmit: handleSubmitBkiConstent(phone, profileId), onClose: redirectToCreditForm })),
+            open: (phone, profileId) => open(jsx(ConsentBkiDialog, { handleSubmit: handleSubmitBkiConstent(phone, profileId), onClose: onClose })),
         };
     };
     const verifyPhoneContent$1 = (phone) => ({
@@ -3258,12 +3255,39 @@
               <ul><li>согласие на запрос информации в БКИ</li></ul>`,
     });
 
-    const useApplicationLeadApi = ({ inputs, programId, saveForm }) => {
+    const getLink = (body) => doRequest('/esia/getLink', 'POST', body);
+
+    const EsiaLoginDialog = JSX(function ({ handleClose }) {
+        const handleAuth = useCallback(async () => {
+            const resp = await getLink({
+                redirectUri: globalThis.location.href + '&esiaAuth=true',
+            });
+            if (resp) {
+                globalThis.location.href = resp.link;
+            }
+        }, []);
+        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", onClose: handleClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [jsxs("div", { className: "flex items-center justify-around w-full", children: [jsxs("ul", { className: "list-disc", 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, { image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "70" })] }), jsxs("div", { className: "flex items-center justify-between w-full m-0", children: [jsx(Button, { type: "button", onClick: handleAuth, children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0447\u0435\u0440\u0435\u0437 \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438" }), jsx(Button, { type: "button", version: "secondary", onClick: handleClose, children: "\u041F\u0440\u043E\u043F\u0443\u0441\u0442\u0438\u0442\u044C" })] })] }) }));
+    });
+
+    const useEsiaLoginDialog = (nextStepLink) => {
+        const { open, close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+            globalThis.location.href = nextStepLink;
+        }, []);
+        return {
+            open: (options = {}) => open(jsx(EsiaLoginDialog, { handleClose: handleClose }), options),
+            close,
+        };
+    };
+
+    const useApplicationLeadApi = ({ inputs, programId, nextStepLink, saveForm, }) => {
         const [responseStatus, setResponseStatus] = useState('');
         const [, setTaskId] = useLocalStorage('taskId');
         const [, setProfileId] = useLocalStorage('profileId');
         const [, setParticipantId] = useLocalStorage('participantId');
-        const consentBkiDialog = useConsentBkiDialog();
+        const esiaLoginDialog = useEsiaLoginDialog(nextStepLink);
+        const consentBkiDialog = useConsentBkiDialog(esiaLoginDialog.open);
         const verifyPhoneDialog = useVerifyPhoneDialog();
         const saveUserData = useCallback((participantId, taskId, profileId) => {
             setParticipantId(participantId);
@@ -3277,40 +3301,29 @@
                 return 'Fail';
             }
             try {
-                const { profile } = await createUserProfile({
+                const { profile: { id: profileId }, } = await createUserProfile({
                     profile: { phone: formatPhone(formData.phone) },
                 });
-                const profileId = profile?.id;
-                const transformedForm = transformOtherConsentsField(formData);
                 if (profileId && formData?.phone) {
                     const handleSuccessVerify = async () => {
                         try {
-                            await updateUserProfile(getUpdateUserProfileData(profileId, transformedForm));
-                            const { taskId, participantId } = await createDraftTask({
-                                profileId,
+                            await updateUserData({
                                 programId,
-                            });
-                            await updateUserTask(getUpdateUserTaskData({
-                                participantId,
-                                taskId,
                                 profileId,
-                                formData: transformedForm,
-                            }));
-                            saveUserData(participantId, taskId, profileId);
-                            saveForm(formData);
+                                formData,
+                                saveUserData,
+                                saveForm,
+                            });
+                            consentBkiDialog.open(formData.phone, profileId);
                         }
                         catch {
                             setResponseStatus('Fail');
                         }
                     };
-                    const handleCloseVerify = async () => {
-                        await handleSuccessVerify();
-                        consentBkiDialog.open(formData.phone, profileId);
-                    };
                     const acceptedConsents = Object.keys(CONSENTS)
                         .filter((_) => formData[_])
                         .map((_) => CONSENTS[_]?.text);
-                    verifyPhoneDialog.open(handleCloseVerify, verifyPhoneContent(formData?.phone, acceptedConsents));
+                    verifyPhoneDialog.open(handleSuccessVerify, verifyPhoneContent(formData?.phone, acceptedConsents));
                 }
             }
             catch {
@@ -3322,6 +3335,22 @@
             responseStatus,
         };
     };
+    const updateUserData = async ({ programId, profileId, formData, saveUserData, saveForm, }) => {
+        const transformedForm = transformOtherConsentsField(formData);
+        await updateUserProfile(getUpdateUserProfileData(profileId, transformedForm));
+        const { taskId, participantId } = await createDraftTask({
+            profileId,
+            programId,
+        });
+        await updateUserTask(getUpdateUserTaskData({
+            participantId,
+            taskId,
+            profileId,
+            formData: transformedForm,
+        }));
+        saveUserData(participantId, taskId, profileId);
+        saveForm(formData);
+    };
     const verifyPhoneContent = (phone, consents) => ({
         title: 'Подтвердите номер телефона',
         description: `Мы отправили код на ${phone}`,
@@ -3340,22 +3369,54 @@
         };
     };
 
-    const useInitApplicationLead = () => {
+    const updateProfileEsia = (body) => doRequest('/esia/updateProfileEsia', 'POST', body);
+
+    const useInitApplicationLead = (nextStepLink) => {
+        const [isLoading, setIsLoading] = useState(false);
+        const [profileId] = useLocalStorage('profileId');
+        const [, setEsiaData] = useLocalStorage('esiaData');
+        const params = new URLSearchParams(decodeURIComponent(window.location.search));
+        const esiaAuth = params.get('esiaAuth');
+        const updateEsiaProfile = useCallback(async () => {
+            const code = params.get('code');
+            const state = params.get('state');
+            if (profileId && code && state) {
+                const data = await updateProfileEsia({
+                    profileId: profileId,
+                    code,
+                    state,
+                    redirectUri: globalThis.location.href,
+                });
+                setEsiaData(JSON.stringify(data));
+                globalThis.location.href = nextStepLink;
+            }
+        }, []);
         useEffect(() => {
-            sessionStorage.removeItem('accessToken');
-            sessionStorage.removeItem('refreshToken');
+            if (esiaAuth) {
+                setIsLoading(true);
+                updateEsiaProfile();
+            }
+            else {
+                setEsiaData('');
+                sessionStorage.removeItem('accessToken');
+                sessionStorage.removeItem('refreshToken');
+            }
         }, []);
+        return {
+            isLoading,
+        };
     };
 
-    const ApplicationLeadForm = JSX(({ className, title, programId = '', typeForm = '', sections = [], button, ...rest }) => {
+    const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', typeForm = '', sections = [], button, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
         const [responseType, setResponseType] = useState('');
-        useInitApplicationLead();
+        const { isLoading } = useInitApplicationLead(nextStepLink);
         const [leadForm, setLeadForm] = useLocalStorage('leadForm');
         const initialFormState = getInitialFormState$1(inputs, leadForm, typeForm);
         const { handleSubmit, responseStatus } = useApplicationLeadApi({
             inputs,
             programId,
+            nextStepLink,
             saveForm: setLeadForm,
         });
         if (responseStatus) {
@@ -3369,7 +3430,7 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ 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, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
 
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
@@ -8186,7 +8247,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.618";
+    const packageVersion = "0.14.619";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;