@redneckz/wildless-cms-uni-blocks 0.14.813 → 0.14.815

package/bundle/bundle.umd.js

@@ -160,7 +160,7 @@
             // Adjusted by decorator block and blockClassName
             render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
                 const { content } = adjustedBlock;
-                return BlockComponent ? (jsx(BlockComponent, { className: adjustedBlockClassName, block: block, options: options, ...content, ...extraProps }, key)) : null;
+                return BlockComponent ? (jsx(BlockComponent, { ...content, ...extraProps, className: style(adjustedBlockClassName, content?.className), block: block, options: options }, key)) : null;
             },
         }, key);
     }
@@ -621,13 +621,12 @@
         const handleClick = useCallback(() => router.back(), []);
         const backwardButtonText = rest.options?.page?.common?.backwardButton;
         const isBackBtn = backwardButton && !isMobile;
-        return (jsxs("div", { className: style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className), children: [isBackBtn && renderBackwardButton({ version, handleClick, text: backwardButtonText }), title ? jsx("div", { className: "relative h-full", children: title }) : null, jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', {
+        return (jsxs("div", { className: style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className), children: [isBackBtn && renderBackwardButton({ version, handleClick, text: backwardButtonText }), title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', {
                         'self-start @xl:w-auto': leftImage,
                     }), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), jsxs("div", { className: style('grid gap-3xl items-center md:items-stretch', {
                                 '@xl:grid-cols-2 auto-cols-fr': rightImage,
                                 grow: !leftImage,
-                            }, 'h-full', //? fix issue https://github.com/redneckz/temp_wcms/issues/1254
-                            'auto-rows-[max-content_1fr]'), children: [jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderUnitContainer(renderChildren({ ...rest, extraProps: { className: '@container-normal' } })), renderImageContainer(rightImage, {
+                            }, 'h-auto'), children: [renderMiddleContent(insetTitle, children), renderUnitContainer(renderChildren({ ...rest, extraProps: { className: '@container-normal' } })), renderImageContainer(rightImage, {
                                     className: style('@xl:justify-self-end @xl:col-start-2', {
                                         [imageAlwaysOnRightContainerStyle(isImageAlwaysOnRight)]: buttons,
                                         'col-start-2 self-center': isImageAlwaysOnRight,
@@ -636,6 +635,7 @@
                                     imageAlign,
                                 }), buttons ? jsx("div", { className: "self-end", children: buttons }) : null] })] })] }));
     });
+    const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] })) : null;
     const imageAlwaysOnRightContainerStyle = (isImage) => style(isImage ? 'row-span-2' : '@xl:row-span-2');
     const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? (jsx("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 
@@ -716,8 +716,15 @@
         const img = image?.src ? jsx(Img, { image: image }) : null;
         const headline = (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
         const filteredBenefits = benefits?.filter((_) => '__html' in _ || 'label' in _ || 'description' in _);
-        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? (jsx(RichText, { richVersion: richVersion, __html: __html, isDotted: isDotted, itemSize: RICHTEXT_SIZE[headlineVersion] })) : null, children, priceList?.length ? jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
+        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: renderChildList(renderBenefits(filteredBenefits, { benefitsVersion, isTabularBenefits }), renderRichText(__html, { richVersion, isDotted, headlineVersion }), children, renderPriceList(priceList), renderTags(tags)) }));
     });
+    const renderBenefits = (benefits, { benefitsVersion, isTabularBenefits, } = {}) => benefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: benefits })) : null;
+    const renderRichText = (__html, { richVersion, isDotted, headlineVersion, } = {}) => __html ? (jsx(RichText, { __html: __html, richVersion: richVersion, isDotted: isDotted, itemSize: RICHTEXT_SIZE[headlineVersion ?? 'L'] })) : null;
+    const renderPriceList = (priceList) => priceList?.length ? jsx(PriceList, { priceList: priceList }) : null;
+    const renderChildList = (...elements) => {
+        const cleanElements = elements.filter(Boolean);
+        return cleanElements.length ? (jsx("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: cleanElements.map((_, i) => (jsx("div", { children: _ }, String(i)))) })) : null;
+    };
     const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
     const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
 
@@ -2011,7 +2018,7 @@
 
     const PhoneField = JSX(({ field, input }) => {
         const fieldName = input?.name || 'phone';
-        return jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...field(fieldName), ...input });
+        return (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", disabled: input?.filledByEsia && isEsiaAuthorize(field, input.name ?? ''), ...field(fieldName), ...input }));
     });
 
     const PosTerminalField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })) : null);
@@ -2191,7 +2198,7 @@
     function shouldRenderField({ input, field, }) {
         const { condition } = input;
         const { value } = field(condition?.name || '');
-        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
+        return !condition || condition?.values?.includes(value?.key ?? value);
     }
 
     const PRODUCT_REF = {
@@ -2626,11 +2633,11 @@
             {
                 columns: 2,
                 inputs: [
-                    { name: 'surname', required: true, dadata: true },
-                    { name: 'name', required: true, dadata: true },
-                    { name: 'middleName', dadata: true },
-                    { name: 'limitedBirthday', required: true },
-                    { name: 'phone', required: true },
+                    { name: 'surname', required: true, dadata: true, filledByEsia: true },
+                    { name: 'name', required: true, dadata: true, filledByEsia: true },
+                    { name: 'middleName', dadata: true, filledByEsia: true },
+                    { name: 'limitedBirthday', required: true, filledByEsia: true },
+                    { name: 'phone', required: true, filledByEsia: true },
                     { name: 'email', required: true, dadata: true },
                 ],
             },
@@ -2640,6 +2647,58 @@
         ];
     };
 
+    const getTraceId = () => {
+        const result = new Uint8Array(8);
+        globalThis.crypto.getRandomValues(result);
+        return result.reduce((acc, _) => `${acc}${_.toString(16).padStart(2, '0')}`, '');
+    };
+
+    const fetchRetailJSON = async (url, method, body) => {
+        try {
+            const response = await doRequest(url, method, body);
+            return response.json();
+        }
+        catch (err) {
+            console.error(err);
+            return null;
+        }
+    };
+    async function doRequest(url, method, body) {
+        const traceId = getTraceId();
+        return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
+            method,
+            headers: {
+                'Content-Type': 'application/json',
+                'X-B3-Sampled': '1',
+                'X-B3-Spanid': traceId,
+                'X-B3-Traceid': traceId,
+                ...getAuthorizationHeaders(),
+            },
+            credentials: 'include',
+            body: body ? JSON.stringify(body) : null,
+        });
+    }
+    const getAuthorizationHeaders = () => {
+        const token = sessionStorage.getItem('accessToken');
+        return token ? { Authorization: `Bearer ${token}` } : null;
+    };
+
+    const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
+
+    const EsiaLoginBanner = JSX(() => {
+        const navigator = locationNavigator();
+        const handleAuth = useCallback(async () => {
+            const resp = await getLink({
+                redirectUri: globalThis.location.origin + globalThis.location.pathname,
+            });
+            if (resp?.link) {
+                navigator.assign(resp.link);
+                globalThis.location.href = resp.link;
+            }
+        }, []);
+        return (jsxs("div", { className: "flex gap-lg items-center rounded-md bg-main-gray px-4 py-6 @md:p-9", children: [jsxs("div", { className: "flex flex-col justify-around w-full", children: [jsx("p", { className: "mb-4 text-xl @md:text-2xl @md:mb-6", 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-9", 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-6 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 debounce = (fn, delay = 600) => {
         let timerId;
         const debouncedCallback = (...args) => {
@@ -3526,42 +3585,6 @@
     const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
     const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
-    const getTraceId = () => {
-        const result = new Uint8Array(8);
-        globalThis.crypto.getRandomValues(result);
-        return result.reduce((acc, _) => `${acc}${_.toString(16).padStart(2, '0')}`, '');
-    };
-
-    const fetchRetailJSON = async (url, method, body) => {
-        try {
-            const response = await doRequest(url, method, body);
-            return response.json();
-        }
-        catch (err) {
-            console.error(err);
-            return null;
-        }
-    };
-    async function doRequest(url, method, body) {
-        const traceId = getTraceId();
-        return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
-            method,
-            headers: {
-                'Content-Type': 'application/json',
-                'X-B3-Sampled': '1',
-                'X-B3-Spanid': traceId,
-                'X-B3-Traceid': traceId,
-                ...getAuthorizationHeaders(),
-            },
-            credentials: 'include',
-            body: body ? JSON.stringify(body) : null,
-        });
-    }
-    const getAuthorizationHeaders = () => {
-        const token = sessionStorage.getItem('accessToken');
-        return token ? { Authorization: `Bearer ${token}` } : null;
-    };
-
     const fetchRegionOffices = async (regionKey) => {
         const response = await fetchRetailJSON('/public-data/regionOffices', 'POST', {
             regionRfCd: {
@@ -5315,11 +5338,11 @@
     }, []);
 
     const getFamilyStatusAndIncomeData = (formData) => {
-        const { familyStatus, familyMembers, dependents, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
+        const { familyStatus, familyMembers, dependents, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, esiaAccountTypeCd, } = formData;
         return {
             maritalStatusCd: familyStatus,
             totalDependents: familyMembers,
-            incomeCertificateCd: confirmationIncome,
+            incomeCertificateCd: esiaAccountTypeCd?.key ? { key: 'SFR_CERTIFICATE' } : confirmationIncome,
             otherDependents: dependents,
             childrenDependents: children,
             militaryStatusCd: conscription,
@@ -5432,7 +5455,7 @@
         const participant = task.participants[0];
         const { classCard: cardCategory, codeWord, paymentSystemTypeCd: paymentSystem, currencyCode: currency, } = task;
         const { loanAmount: moneyValue, creditPeriod: monthsValue, paymentTypeCd } = task;
-        const { birthDate: limitedBirthday, midname: middleName, name, surname, birthPlace, dulIssueDate: dulIssueDate, dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, educationLevelCd: education, registrationDate: participantDateRegistration, houseTypeCd: housing, genderCd, participantContacts = [], participantAddresses = [], employmentContractDate: beginDate, employmentTypeCd: employment, organizationName, organizationInn: inn, organizationActivityTypeCd: employerActivities, organizationTypeCd: organization, organizationKindCd: employerOrganization, employeesNumberCd: amountWorkers, opf: legalForm, seniority: generalSeniority, generalSeniority: experience5Years, jobsNumber, lastWorkDuration: lastJobExperience, positionCd: positionOrganization, maritalStatusCd: familyStatus, childrenDependents: children, totalDependents: familyMembers, otherDependents: dependents, militaryStatusCd: conscription, participantIncomes, snils, armyIdFlg, bankruptcyFlg, shareholderFlg, nameLegalEntity: legalEntityName, creditInRshbCd, payrollCardRshbFlg: isInsurance, consentInsuranceFlg: isSalaryClient, incomeCertificateCd, } = participant;
+        const { birthDate: limitedBirthday, midname: middleName, name, surname, birthPlace, dulIssueDate: dulIssueDate, dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, educationLevelCd: education, registrationDate: participantDateRegistration, houseTypeCd: housing, genderCd, participantContacts = [], participantAddresses = [], employmentContractDate: beginDate, employmentTypeCd: employment, organizationName, organizationInn: inn, organizationActivityTypeCd: employerActivities, organizationTypeCd: organization, organizationKindCd: employerOrganization, employeesNumberCd: amountWorkers, opf: legalForm, seniority: generalSeniority, generalSeniority: experience5Years, jobsNumber, lastWorkDuration: lastJobExperience, positionCd: positionOrganization, maritalStatusCd: familyStatus, childrenDependents: children, totalDependents: familyMembers, otherDependents: dependents, militaryStatusCd: conscription, participantIncomes, snils, armyIdFlg, bankruptcyFlg, shareholderFlg, nameLegalEntity: legalEntityName, creditInRshbCd, payrollCardRshbFlg: isInsurance, consentInsuranceFlg: isSalaryClient, incomeCertificateCd, profile, } = participant;
         return {
             currency: currency?.key,
             paymentSystem: getSelectValue(paymentSystem),
@@ -5484,6 +5507,7 @@
                 monthsValue,
                 isAnnuity: paymentTypeCd?.key === 'ANNUITY',
             },
+            esiaAccountTypeCd: profile?.esiaAccountTypeCd,
             ...getParticipantIncomes(participantIncomes),
             ...getParticipantAddresses(participantAddresses),
             ...getParticipantContacts(participantContacts),
@@ -5538,39 +5562,6 @@
         };
     };
 
-    const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
-
-    const EsiaLoginDialog = JSX(({ onClose }) => {
-        const navigator = locationNavigator();
-        const retailFormStore = useRetailFormStore();
-        const handleAuth = useCallback(async () => {
-            const resp = await getLink({
-                redirectUri: globalThis.location.origin + globalThis.location.pathname,
-            });
-            if (resp?.link) {
-                navigator.assign(resp.link);
-                globalThis.location.href = resp.link;
-            }
-        }, []);
-        const handleClose = useCallback(() => {
-            if (retailFormStore.leadForm) {
-                const leadForm = { ...retailFormStore.leadForm };
-                delete leadForm.esiaAccountTypeCd;
-                retailFormStore.leadForm = leadForm;
-            }
-            onClose?.();
-        }, []);
-        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 px-m", 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: "@container flex flex-wrap gap-lg w-full", children: [jsx(Button, { type: "button", onClick: handleAuth, className: "w-full md:w-auto", 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, className: "w-full md:w-auto", children: "\u041F\u0440\u043E\u043F\u0443\u0441\u0442\u0438\u0442\u044C" })] })] }) }));
-    });
-
-    const useEsiaLoginDialog = (nextStepLink) => {
-        const { open } = useDialog(EsiaLoginDialog);
-        const navigator = locationNavigator();
-        return useCallback(() => {
-            open({ onClose: () => navigator.assign(nextStepLink) });
-        }, [open, nextStepLink]);
-    };
-
     // TODO Не должно быть импортов из бизнес-слоя в API слой. Только наоборот.
     const getUpdateUserProfileData = (profileId, formData, consents) => {
         const { name = '', surname = '', middleName = '', limitedBirthday = '', phone = '', email = '', } = formData;
@@ -5692,21 +5683,19 @@
 
     /* eslint-disable max-lines */
     // eslint-disable-next-line max-lines-per-function
-    const useApplicationLeadApi = ({ programId, nextStepLink, productType, esiaError, data, }) => {
+    const useApplicationLeadApi = ({ programId, nextStepLink, productType, data, }) => {
         const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const [ok, setOK] = useState();
         const saveUserData = useSaveUserData();
         const sendAspects = useSendLeadFormAspects({ data });
         const navigator = locationNavigator();
-        const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
-        const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
+        const goToNextStep = useCallback(() => {
+            navigator.assign(nextStepLink);
+        }, []);
+        const consentBkiDialog = useConsentBkiDialog(goToNextStep);
         const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
         const draftDialog = useDraftDialog();
         const handleSubmit = useCallback(async (formData) => {
-            if (esiaError) {
-                navigator.assign(nextStepLink);
-                return;
-            }
             try {
                 startSending();
                 const profileId = await createUserProfile({
@@ -5724,7 +5713,7 @@
                         });
                         verifyPhoneDialog.close();
                         if (productType === 'debitCard') {
-                            openEsiaLoginDialog();
+                            goToNextStep();
                         }
                         else {
                             consentBkiDialog.open(formData.phone, profileId);
@@ -5763,7 +5752,7 @@
             catch {
                 setOK(false);
             }
-        }, [esiaError]);
+        }, []);
         return { isSending, ok, handleSubmit };
     };
     const getAcceptedConsents = (formData, productType) => {
@@ -5846,7 +5835,10 @@
         }
     }, [target, key]);
 
-    const updateProfileEsia = (body) => fetchRetailJSON('/esia/updateProfileEsia', 'POST', body);
+    const esiaRequestProfile = (body) => fetchRetailJSON('/esia/requestProfile', 'POST', body).then((res) => {
+        saveToken(res);
+        return res;
+    });
 
     const initialFormState = {
         surname: '',
@@ -5864,19 +5856,24 @@
         consentPhotoFlg: false,
         consentFATCA: false,
     };
-    const getInitialFormState$1 = (inputs, savedForm) => {
+    const getInitialFormState$1 = (inputs, savedForm, esiaAuthSuccess) => {
         if (savedForm) {
-            return { ...savedForm, limitedBirthday: new Date(savedForm?.limitedBirthday || 0) };
+            return {
+                ...savedForm,
+                limitedBirthday: new Date(savedForm?.limitedBirthday || 0),
+                ...(!esiaAuthSuccess && {
+                    esiaAccountTypeCd: { key: '' },
+                }),
+            };
         }
         const formState = Object.fromEntries(inputs.map((_) => [_.name, initialFormState[_.name || '']]));
         return { ...formState };
     };
 
-    const uploadFile = async (file, taskId, documentCategory) => {
+    const uploadFile = async (file, documentCategory, isPDF = false) => {
         const fd = new FormData();
-        fd.append('taskId', taskId);
         fd.append('documentCategory', documentCategory);
-        fd.append('file', file, 'file.pdf');
+        fd.append('file', file, `file.${isPDF ? 'pdf' : 'xml'}`);
         const res = await globalThis
             ?.fetch?.(`/light-api-cash/v1/file`, {
             method: 'POST',
@@ -5890,23 +5887,46 @@
         return res;
     };
 
-    const parseEsiaProfile = async (esiaProfile, taskId, isDebit) => {
+    const parseEsiaProfile = async (esiaProfile, isDebit) => {
         isDebit ? checkEsiaDataForDebit(esiaProfile) : checkEsiaDataForCredit(esiaProfile);
         const { profile, addInfo, document, addressRegistration, addressFact, esiaAdditionalDocument } = esiaProfile;
-        const files = [];
+        let files = [];
         if (!isDebit) {
-            await saveDocument({
-                document: esiaAdditionalDocument.pdfFileWorkbook,
-                taskId,
-                category: 'CONFIRMING_INCOME_DOC',
-                files,
-            });
-            await saveDocument({
-                document: esiaAdditionalDocument.pdfFilePayout,
-                taskId,
-                category: 'CONFIRMING_EMPLOYMENT_DOC',
-                files,
-            });
+            files = await saveDocuments([
+                {
+                    file: esiaAdditionalDocument.pdfFileWorkbook,
+                    category: 'CONFIRMING_INCOME_DOC',
+                    isPDF: true,
+                },
+                {
+                    file: esiaAdditionalDocument.pdfFilePayout,
+                    category: 'CONFIRMING_EMPLOYMENT_DOC',
+                    isPDF: true,
+                },
+                {
+                    file: esiaAdditionalDocument.pdfFileSigPayout,
+                    category: 'CONFIRMING_EMPLOYMENT_DOC',
+                    isPDF: true,
+                },
+                {
+                    file: esiaAdditionalDocument.xmlFilePayout,
+                    category: 'CONFIRMING_EMPLOYMENT_DOC',
+                    isPDF: false,
+                },
+                {
+                    file: esiaAdditionalDocument.xmlFileSigPayout,
+                    category: 'CONFIRMING_EMPLOYMENT_DOC',
+                    isPDF: false,
+                },
+                {
+                    file: esiaAdditionalDocument.xmlFileWorkbook,
+                    category: 'CONFIRMING_INCOME_DOC',
+                    isPDF: false,
+                },
+                //TODO: После тестирования добавить документы снизу
+                // {file: esiaAdditionalDocument.pdfFileSigWorkbook, category: 'CONFIRMING_INCOME_DOC', isPDF: true},
+                // {file: esiaAdditionalDocument.xmlFileSigWorkbook, category: 'CONFIRMING_INCOME_DOC', isPDF: false},
+            ]);
         }
         const mainData = {
             name: profile.name,
@@ -5968,11 +5988,16 @@
         };
     };
     const getYearFromMonth = (month) => Math.floor(month / 12);
-    const saveDocument = async ({ document, taskId, category, files, }) => {
-        await fetch(`data:application/pdf;base64,${document}`)
-            .then((res) => res.blob())
-            .then((value) => uploadFile(value, taskId, category))
-            .then((file) => files.push(file));
+    const saveDocuments = async (documents) => {
+        const files = [];
+        for (const doc of documents) {
+            const contentType = doc.isPDF ? 'data:application/pdf;base64' : 'data:application/xml;base64';
+            await fetch(`${contentType},${doc.file}`)
+                .then((res) => res.blob())
+                .then((value) => uploadFile(value, doc.category, doc.isPDF))
+                .then((file) => files.push(file));
+        }
+        return files;
     };
     const checkEsiaDataForCredit = (esiaProfile) => {
         const { profile, document, addressRegistration, esiaAdditionalDocument } = esiaProfile;
@@ -5999,6 +6024,13 @@
             esiaAdditionalDocument.jobsNumberInFiveYears.toString(),
             esiaAdditionalDocument.pdfFilePayout,
             esiaAdditionalDocument.pdfFileWorkbook,
+            esiaAdditionalDocument.pdfFileSigPayout,
+            esiaAdditionalDocument.xmlFilePayout,
+            esiaAdditionalDocument.xmlFileSigPayout,
+            esiaAdditionalDocument.xmlFileWorkbook,
+            //TODO: После тестирования добавить документы снизу
+            // esiaAdditionalDocument.pdfFileSigWorkbook,
+            // esiaAdditionalDocument.xmlFileSigWorkbook
         ];
         if (!data.every((_) => Boolean(_))) {
             throw new Error();
@@ -6026,29 +6058,28 @@
         }
     };
 
-    const useInitApplicationLead = ({ inputs, nextStepLink, productType, setEsiaError, }) => {
-        const navigator = locationNavigator();
+    const useInitApplicationLead = ({ inputs, productType, setEsiaError, setEsiaAuthSuccess, esiaAuthSuccess, }) => {
         const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
         const leadFormStore = useLeadFormStore();
         const saveForm = useSetter(leadFormStore, 'leadForm');
-        const initialFormState = useMemo(() => getInitialFormState$1(inputs, leadFormStore.leadForm), [inputs, leadFormStore.leadForm]);
-        const updateEsiaProfile = useCallback(async (profileId, code, state) => {
+        const initialFormState = useMemo(() => getInitialFormState$1(inputs, leadFormStore.leadForm, esiaAuthSuccess), [inputs, leadFormStore.leadForm]);
+        const requestEsiaProfile = useCallback(async (code, state) => {
             startLoading();
             try {
-                const data = await updateProfileEsia({
-                    profileId,
+                const data = await esiaRequestProfile({
                     code,
                     state,
                     redirectUri: globalThis.location?.href,
+                    authorize: true,
                 });
-                if (data && leadFormStore?.taskId) {
-                    const parsedData = await parseEsiaProfile(data, leadFormStore.taskId.toString(), productType === 'debitCard');
+                if (data) {
+                    const parsedData = await parseEsiaProfile(data, productType === 'debitCard');
                     saveForm((_) => ({
                         ..._,
                         ...parsedData,
                     }));
+                    setEsiaAuthSuccess();
                 }
-                navigator.assign(nextStepLink);
             }
             catch {
                 setEsiaError();
@@ -6056,15 +6087,14 @@
             finally {
                 endLoading();
             }
-        }, [nextStepLink]);
+        }, []);
         useEffect(() => {
             leadFormStore.productType = productType;
-            const profileId = (safeJsonParse(globalThis.localStorage?.getItem('profileId') ?? ''));
             const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
             const code = params.get('code');
             const state = params.get('state');
-            if (profileId && code && state) {
-                updateEsiaProfile(profileId, code, state);
+            if (code && state) {
+                requestEsiaProfile(code, state);
             }
             else {
                 sessionStorage.removeItem('accessToken');
@@ -6076,6 +6106,7 @@
 
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, productType = 'credit', data, ...rest }) => {
         const [esiaError, { setTrue: setEsiaError }] = useBool(false);
+        const [esiaAuthSuccess, { setTrue: setEsiaAuthSuccess }] = useBool(false);
         const applicationFormData = useMemo(() => getApplicationFormData(productType), [productType]);
         const inputs = useMemo(() => (applicationFormData?.flatMap((_) => _?.inputs) || []), [applicationFormData]);
         const formValidator = useMemo(() => getFormValidator(inputs, validatorObj), [inputs]);
@@ -6084,15 +6115,17 @@
             nextStepLink,
             productType,
             setEsiaError,
+            setEsiaAuthSuccess,
+            esiaAuthSuccess,
         });
         const { isSending, ok, handleSubmit } = useApplicationLeadApi({
             programId,
             nextStepLink,
             productType,
-            esiaError,
+            esiaAuthSuccess,
             data,
         });
-        const [, { field, onSubmit }] = useForm(initialFormState, {
+        const [, { field, onSubmit, reset }] = useForm(initialFormState, {
             formValidator,
             onSubmit: handleSubmit,
         });
@@ -6102,7 +6135,12 @@
                 responseTypeDialog.open({ ok });
             }
         }, [ok]);
-        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$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaError ? (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] }) }));
+        useEffect(() => {
+            if (initialFormState?.esiaAccountTypeCd) {
+                reset();
+            }
+        }, [initialFormState]);
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [!esiaAuthSuccess && !esiaError ? jsx(EsiaLoginBanner, {}) : null, 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$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaError ? (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 NotFound = JSX(({ title, description }) => {
@@ -7359,7 +7397,7 @@
         black: 'bg-black',
         white: 'bg-white',
     };
-    const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, title: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), rightImage: image?.src ? (jsx(Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: renderButtonsSection([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? (jsxs("div", { className: "flex text-secondary-text mb-m", children: [jsx("div", { className: "mr-xs", children: jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
+    const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, title: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align, className: "min-h-24" }), rightImage: image?.src ? (jsx(Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: renderButtonsSection([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? (jsxs("div", { className: "flex text-secondary-text mb-m", children: [jsx("div", { className: "mr-xs", children: jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
     const renderColorOption = (color, i) => (jsx("figure", { className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
 
     const CarouselLinkButton = JSX(({ icon, ...linkProps }) => {
@@ -7811,6 +7849,7 @@
             mandatoryPayments: undefined,
             snils: '',
             armyIdFlg: false,
+            esiaAccountTypeCd: { key: '', text: '' },
         },
         {
             bankruptcyFlg: false,
@@ -8252,7 +8291,16 @@
         },
         {
             columns: 1,
-            inputs: [{ name: 'confirmationIncome', required: true }],
+            inputs: [
+                {
+                    name: 'confirmationIncome',
+                    required: true,
+                    condition: {
+                        name: 'esiaAccountTypeCd',
+                        values: [''],
+                    },
+                },
+            ],
         },
         {
             columns: 1,
@@ -9848,6 +9896,77 @@
         return (jsxs(BlockWrapper, { tag: "footer", className: style('grid gap-y-xl p-4xl pb-24 lg:p-xl', className), ...rest, children: [renderLogoSearchBar(common, navigationItems), jsxs("div", { className: "flex flex-col lg:flex-row items-center @lg:items-stretch gap-lg lg:gap-6xl ", children: [jsx(Sitemap, { navigationItems: navigationItems }), jsx("div", { className: "border-t border-main-divider lg:hidden w-full" }), jsxs("div", { className: style(LEFT_COLUMN_STYLE, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), feedbackButton ? (jsx(LinkButton, { className: "w-full", version: "primary", ...feedbackButton })) : null, mediaLinks.map((_, i) => (jsx(SocialMedia, { media: _?.links ?? [], showButtonText: false, stretched: true, children: _?.title }, String(i)))), otherLinks.map((_, i) => (jsx(Link, { className: "text-s font-light", ..._ }, `${_.href}_${i}`)))] })] }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents, license: license })] }));
     });
 
+    const getInnerPadding = (isPadding = false) => isPadding ? {} : { padding: 'p-0' };
+
+    const gapStyles = {
+        XXL: 'gap-6xl',
+        XL: 'gap-5xl',
+        L: 'gap-3xl',
+        M: 'gap-m',
+        S: 'gap-xs',
+        XS: 'gap-2xs',
+        '': '',
+    };
+
+    const MIN_LENGTH_CHILD = 5;
+    const SHORT_TILE_INDEXES = [1, 2, 3, 4];
+    const LINK_SCHEMA = {
+        link: {
+            allOf: [
+                { $ref: `#/definitions/LinkCommonProps` },
+                {
+                    type: 'object',
+                    properties: {
+                        data: {
+                            type: 'array',
+                            items: { $ref: '#/definitions/AspectsDef' },
+                            title: 'Дополнительные атрибуты',
+                        },
+                    },
+                },
+            ],
+            title: 'Ссылка',
+            required: ['href'],
+        },
+    };
+    const GalleryLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => (jsx(BlockWrapper, { className: style('grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+            ...rest,
+            renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
+        }) })), {
+        childrenTypes: ['ProductBlock'],
+        childSchema: () => LINK_SCHEMA,
+        allowRemoveChild: (slot) => (slot?.blocks ?? []).length > MIN_LENGTH_CHILD,
+    });
+    const getRenderProps = ({ isInnerPadding, isCardBorder, }) => (childBlock, childOptions, i) => renderBlock$1(childBlock, {
+        ...childOptions,
+        blockDecorator: blockDecoratorWrapper(childOptions.blockDecorator, i),
+    }, {
+        className: style('w-full', getBorderStyle(isCardBorder)),
+        ...getInnerPadding(isInnerPadding),
+    });
+    const blockDecoratorWrapper = (blockDecorator, idx = 0) => (props, i) => blockDecorator?.({
+        ...props,
+        render: (renderProps) => productBlockDecorator(idx)({ ...props, ...renderProps }, i),
+    }, `wrap_${i}`) ?? productBlockDecorator(idx)(props, i);
+    const productBlockDecorator = (idx) => ({ blockClassName, block, render }, i) => (jsx(LinkWrapper, { ...block.content?.link, className: getChildStyle(idx), children: render({
+            blockClassName: style(blockClassName, 'h-full'),
+            block: modifyBlock(block, idx),
+        }) }, i));
+    const getChildStyle = (index) => SHORT_TILE_INDEXES.includes(index)
+        ? 'lg:col-span-1 lg:row-span-1'
+        : 'lg:col-span-2 lg:row-span-2';
+    const modifyBlock = (block, i) => {
+        const content = { ...block.content };
+        if (SHORT_TILE_INDEXES.includes(i)) {
+            delete content.description;
+            delete content.benefits;
+        }
+        if (content.link?.href) {
+            delete content.buttons;
+        }
+        return { ...block, content };
+    };
+
     const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-m', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true }), calendar ? renderCalendar(calendar) : null] })));
     const renderCalendar = (calendar) => {
         const colCount = calendar.reduce((accumulator, currentValue) => currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator, 0) || 1;
@@ -10184,18 +10303,6 @@
         common: page?.common ?? {},
     });
 
-    const getInnerPadding = (isPadding = false) => isPadding ? {} : { padding: 'p-0' };
-
-    const gapStyles = {
-        XXL: 'gap-6xl',
-        XL: 'gap-5xl',
-        L: 'gap-3xl',
-        M: 'gap-m',
-        S: 'gap-xs',
-        XS: 'gap-2xs',
-        '': '',
-    };
-
     const HorizontalLayout = UniBlock(({ className = '', padding = 'p-0', gap = 'XS', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder, ...rest }) => (jsx(BlockWrapper, { className: style('relative', 'grid grid-cols-12', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
             ...rest,
             extraProps: {
@@ -11301,6 +11408,7 @@
         ErrorBlock,
         ExchangeRateTile,
         Footer,
+        GalleryLayout,
         GracePeriod,
         GrantSupport,
         Header,
@@ -11473,7 +11581,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.812";
+    const packageVersion = "0.14.814";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;