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

package/bundle/bundle.umd.js

@@ -2084,25 +2084,25 @@
             text: 'Согласие на обработку персональных данных',
             docId: 4,
         },
+        consentInformFlg: {
+            text: 'Согласие на информирование о продуктах и услугах Банка',
+            docId: 14,
+        },
         consentProviderFlg: {
             text: 'Согласие об использовании простой электронной подписи',
             docId: 5,
         },
+        consentOthersFlg: {
+            text: 'Прочие согласия',
+            docId: 1,
+        },
         consentPfrFlg: {
             text: 'Согласие на запрос в ПФР',
             docId: 3,
         },
-        consentInformFlg: {
-            text: 'Согласие на информирование о продуктах и услугах Банка',
-            docId: 14,
-        },
         consentToReceiveMaterials: {
             text: 'Согласен на получение информационных и аналитических материалов по электронной почте',
         },
-        consentOthersFlg: {
-            text: 'Прочие согласия',
-            docId: 1,
-        },
     };
 
     async function doRequest(url, method, body) {
@@ -2124,13 +2124,13 @@
         return token ? { Authorization: `Bearer ${token}` } : null;
     };
 
-    const feedbackById = async (id) => {
-        const response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}`, 'GET');
+    const feedbackById = async (id, convertToPng = false) => {
+        const response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}&convertToPngFlg=${convertToPng}`, 'GET');
         return await response.blob();
     };
 
-    const getDocument = async (id) => {
-        const response = await feedbackById(id);
+    const getDocument = async (id, convertToPng = false) => {
+        const response = await feedbackById(id, convertToPng);
         return URL.createObjectURL(response);
     };
 
@@ -2145,15 +2145,16 @@
         return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
     });
 
-    const openDocument = async (id, open) => {
-        const document = await getDocument(id);
-        open(jsx(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0", children: jsx("iframe", { src: `${document}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" }) }));
+    const openDocument = async (open, id, convertToPng = false) => {
+        const document = await getDocument(id, convertToPng);
+        open(jsx(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0", children: convertToPng ? (jsx("img", { src: document })) : (jsx("iframe", { src: `${document}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" })) }));
     };
 
     const OPEN_DOC_BUTTON_TEXT = 'Ознакомиться';
     const CheckboxWithDoc = JSX(({ className, error, docId, ...props }) => {
         const { open } = useDialogManager();
-        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsx(LinkButton, { className: "text-primary-main", onClick: () => openDocument(docId, open), children: jsx(Text, { children: OPEN_DOC_BUTTON_TEXT }) })) : null] }), renderErrorText(error)] }));
+        const isMobile = useMobileMode();
+        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsx(LinkButton, { className: "text-primary-main", onClick: () => openDocument(open, docId, isMobile), children: jsx(Text, { children: OPEN_DOC_BUTTON_TEXT }) })) : null] }), renderErrorText(error)] }));
     });
 
     const ConsentField = JSX(({ field, input }) => input && input.name ? (jsx(CheckboxWithDoc, { text: CONSENTS[input.name]?.text, docId: CONSENTS[input.name]?.docId, ...getValidation(field(input.name), validatorObj[input.name], input?.required) })) : null);
@@ -2756,6 +2757,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 +3016,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(() => {
@@ -3199,6 +3200,7 @@
         const [confirmStatus, setConfirmStatus] = useState('');
         const [showRefuceContent, setShowRefuceContent] = useState(false);
         const { open, close } = useDialogManager();
+        const isMobile = useMobileMode();
         const handleClose = useCallback(() => {
             close();
             handleSubmit(confirmStatus);
@@ -3210,7 +3212,7 @@
             }
         }, []);
         const consentText = showRefuceContent ? refuseConsentText : defaultConsentText;
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(CONSENT_BKI_ID, open), children: jsx(Heading, { className: "text-center text-balance", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(open, CONSENT_BKI_ID, isMobile), children: jsx(Heading, { className: "text-center text-balance", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
     });
     const ITEMS$1 = [
         { id: 'SIGNED', text: 'Подписать' },
@@ -3218,12 +3220,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 +3233,7 @@
                     },
                 });
             }
-            redirectToCreditForm();
+            onClose();
         };
         const handleSubmitBkiConstent = (phone, profileId) => async (confirmStatus) => {
             await closeAll();
@@ -3242,11 +3241,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 +3257,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 +3303,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 +3337,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 +3371,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 +3432,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 +8249,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.618";
+    const packageVersion = "0.14.620";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;