@redneckz/wildless-cms-uni-blocks 0.14.820 → 0.14.821

package/src/components/ApplicationLeadForm/parseEsiaProfile.ts

@@ -1,23 +1,33 @@
 /* eslint-disable max-lines */
-/* eslint-disable max-lines-per-function */
-import { type EsiaRequestProfileResponse } from '../../retail/api/esiaRequestProfile';
+import { type UpdateProfileEsiaResponse } from '../../retail/api/updateProfileEsia';
 import { uploadFile, type DocumentCategory } from '../../retail/api/uploadFile';
 import { type Address, type File, type LeadFormState } from '../../retail/model/LeadFormState';
 import { normalizePhone } from '../../ui-kit/PhoneInput/normalizePhone';
 
 export const parseEsiaProfile = async (
-  esiaProfile: EsiaRequestProfileResponse,
+  esiaProfile: UpdateProfileEsiaResponse,
+  taskId: string,
   isDebit: boolean,
 ): Promise<LeadFormState> => {
-  checkEsiaData(esiaProfile);
-  const isFullEsiaData = !isDebit && checkEsiaAdditionalDocument(esiaProfile);
+  isDebit ? checkEsiaDataForDebit(esiaProfile) : checkEsiaDataForCredit(esiaProfile);
 
   const { profile, addInfo, document, addressRegistration, addressFact, esiaAdditionalDocument } =
     esiaProfile;
-  let files: File[] = [];
+  const files: File[] = [];
 
-  if (isFullEsiaData) {
-    files = await saveDocuments(esiaAdditionalDocument);
+  if (!isDebit) {
+    await saveDocument({
+      document: esiaAdditionalDocument.pdfFileWorkbook,
+      taskId,
+      category: 'CONFIRMING_INCOME_DOC',
+      files,
+    });
+    await saveDocument({
+      document: esiaAdditionalDocument.pdfFilePayout,
+      taskId,
+      category: 'CONFIRMING_EMPLOYMENT_DOC',
+      files,
+    });
   }
 
   const mainData = {
@@ -35,12 +45,12 @@ export const parseEsiaProfile = async (
     birthPlace: addInfo.birthPlace,
     addressRegistration: buildAddress(addressRegistration),
     addressFact: buildAddress(addressFact),
-    esiaAccountTypeCd: isDebit ? profile.esiaAccountType : { key: '' },
+    esiaAccountTypeCd: profile.esiaAccountType,
   };
 
   return {
     ...mainData,
-    ...(isFullEsiaData && {
+    ...(!isDebit && {
       snils: addInfo.snils,
       inn: esiaAdditionalDocument.inn,
       wages: Math.floor(esiaAdditionalDocument.averageMonthlyIncome)?.toString(),
@@ -49,9 +59,6 @@ export const parseEsiaProfile = async (
       generalSeniority: getYearFromMonth(esiaAdditionalDocument.workLength).toString(),
       lastJobExperience: getYearFromMonth(esiaAdditionalDocument.workLengthLastJob).toString(),
       jobsNumber: esiaAdditionalDocument.jobsNumberInFiveYears.toString(),
-      esiaAccountTypeCd: profile.esiaAccountType,
-      confirmationIncome: { key: 'SFR_CERTIFICATE', text: 'Запрос Банком доходов из СФР' },
-      employment: { key: 'WORK', text: 'Работаю' },
       files,
     }),
   };
@@ -67,7 +74,7 @@ const concatFullAddress = (address: Array<string | undefined>): string => {
   }, '');
 };
 
-const buildAddress = (fields: EsiaRequestProfileResponse['addressRegistration']): Address => {
+const buildAddress = (fields: UpdateProfileEsiaResponse['addressRegistration']): Address => {
   const {
     postcode,
     region,
@@ -103,67 +110,25 @@ const buildAddress = (fields: EsiaRequestProfileResponse['addressRegistration'])
 
 const getYearFromMonth = (month: number) => Math.floor(month / 12);
 
-const saveDocuments = async (
-  esiaAdditionalDocument: EsiaRequestProfileResponse['esiaAdditionalDocument'],
-): Promise<File[]> => {
-  const files: File[] = [];
-  const documents = [
-    {
-      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,
-    },
-    {
-      file: esiaAdditionalDocument.pdfFileSigWorkbook,
-      category: 'CONFIRMING_INCOME_DOC',
-      isPDF: true,
-    },
-    {
-      file: esiaAdditionalDocument.xmlFileSigWorkbook,
-      category: 'CONFIRMING_INCOME_DOC',
-      isPDF: false,
-    },
-  ];
-
-  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 as DocumentCategory, doc.isPDF))
-      .then((file) => files.push(file));
-  }
-
-  return files;
+const saveDocument = async ({
+  document,
+  taskId,
+  category,
+  files,
+}: {
+  document: string;
+  taskId: string;
+  category: DocumentCategory;
+  files: File[];
+}) => {
+  await fetch(`data:application/pdf;base64,${document}`)
+    .then((res) => res.blob())
+    .then((value) => uploadFile(value, taskId, category))
+    .then((file) => files.push(file));
 };
 
-const checkEsiaData = (esiaProfile: EsiaRequestProfileResponse) => {
-  const { profile, document, addressRegistration } = esiaProfile;
+const checkEsiaDataForCredit = (esiaProfile: UpdateProfileEsiaResponse) => {
+  const { profile, document, addressRegistration, esiaAdditionalDocument } = esiaProfile;
 
   const data = [
     profile.name,
@@ -171,6 +136,7 @@ const checkEsiaData = (esiaProfile: EsiaRequestProfileResponse) => {
     profile.midname,
     profile.birthDate,
     profile.phone,
+    profile.email,
     document.dulIssueDate,
     document.dulIssuedBy,
     document.dulNumber,
@@ -178,17 +144,6 @@ const checkEsiaData = (esiaProfile: EsiaRequestProfileResponse) => {
     document.dulSubdivisionCode,
     addressRegistration,
     profile.esiaAccountType,
-  ];
-
-  if (!data.every((_) => Boolean(_))) {
-    throw new Error();
-  }
-};
-
-const checkEsiaAdditionalDocument = (esiaProfile: EsiaRequestProfileResponse) => {
-  const { esiaAdditionalDocument } = esiaProfile;
-
-  const data = [
     esiaAdditionalDocument.inn,
     esiaAdditionalDocument.averageMonthlyIncome.toString(),
     esiaAdditionalDocument.startWorkDate,
@@ -198,13 +153,33 @@ const checkEsiaAdditionalDocument = (esiaProfile: EsiaRequestProfileResponse) =>
     esiaAdditionalDocument.jobsNumberInFiveYears.toString(),
     esiaAdditionalDocument.pdfFilePayout,
     esiaAdditionalDocument.pdfFileWorkbook,
-    esiaAdditionalDocument.pdfFileSigPayout,
-    esiaAdditionalDocument.xmlFilePayout,
-    esiaAdditionalDocument.xmlFileSigPayout,
-    esiaAdditionalDocument.xmlFileWorkbook,
-    esiaAdditionalDocument.pdfFileSigWorkbook,
-    esiaAdditionalDocument.xmlFileSigWorkbook,
   ];
 
-  return data.every((_) => Boolean(_));
+  if (!data.every((_) => Boolean(_))) {
+    throw new Error();
+  }
+};
+
+const checkEsiaDataForDebit = (esiaProfile: UpdateProfileEsiaResponse) => {
+  const { profile, document, addressRegistration } = esiaProfile;
+
+  const data = [
+    profile.name,
+    profile.surname,
+    profile.midname,
+    profile.birthDate,
+    profile.phone,
+    profile.email,
+    document.dulIssueDate,
+    document.dulIssuedBy,
+    document.dulNumber,
+    document.dulSerie,
+    document.dulSubdivisionCode,
+    addressRegistration,
+    profile.esiaAccountType,
+  ];
+
+  if (!data.every((_) => Boolean(_))) {
+    throw new Error();
+  }
 };

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -12,6 +12,7 @@ import { updateUserProfile } from '../../retail/api/updateUserProfile';
 import { updateUserTask } from '../../retail/api/updateUserTask';
 import { useConsentBkiDialog } from '../../retail/components/ConsentBkiDialog/useConsentBkiDialog';
 import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDialog';
+import { useEsiaLoginDialog } from '../../retail/components/EsiaLoginDialog/useEsiaLoginDialog';
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
@@ -27,6 +28,7 @@ interface ApplicationLeadApiProps extends AspectsProps {
   programId: string;
   nextStepLink: string;
   productType: ProductType;
+  esiaError: boolean;
 }
 
 // eslint-disable-next-line max-lines-per-function
@@ -34,6 +36,7 @@ export const useApplicationLeadApi = ({
   programId,
   nextStepLink,
   productType,
+  esiaError,
   data,
 }: ApplicationLeadApiProps) => {
   const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
@@ -42,72 +45,77 @@ export const useApplicationLeadApi = ({
   const sendAspects = useSendLeadFormAspects({ data });
   const navigator = locationNavigator();
 
-  const goToNextStep = useCallback(() => {
-    navigator.assign(nextStepLink);
-  }, []);
-
-  const consentBkiDialog = useConsentBkiDialog(goToNextStep);
+  const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
+  const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
   const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
   const draftDialog = useDraftDialog();
 
-  const handleSubmit = useCallback(async (formData: LeadFormState) => {
-    try {
-      startSending();
-      const profileId = await createUserProfile({
-        profile: { phone: formatPhone(formData.phone as string) },
-      });
+  const handleSubmit = useCallback(
+    async (formData: LeadFormState) => {
+      if (esiaError) {
+        navigator.assign(nextStepLink);
 
-      if (profileId && formData?.phone) {
-        const sendCurrentTask = async () => {
-          await updateUserData({
-            programId,
-            profileId,
-            formData,
-            productType,
-            saveUserData,
-            sendAspects,
-          });
-          verifyPhoneDialog.close();
-          if (productType === 'debitCard') {
-            goToNextStep();
-          } else {
-            consentBkiDialog.open(formData.phone, profileId);
-          }
-        };
-        const handleSuccessVerify = async () => {
-          try {
-            const lastTaskId = await getLastTaskStatus({ profileId, programId });
-
-            if (lastTaskId) {
-              const task = await getTaskById({ taskId: lastTaskId });
-              verifyPhoneDialog.close();
-              draftDialog.open({
-                task,
-                isFromLead: true,
-                sendAspects,
-                onClose: sendCurrentTask,
-              });
+        return;
+      }
+      try {
+        startSending();
+        const profileId = await createUserProfile({
+          profile: { phone: formatPhone(formData.phone as string) },
+        });
+
+        if (profileId && formData?.phone) {
+          const sendCurrentTask = async () => {
+            await updateUserData({
+              programId,
+              profileId,
+              formData,
+              productType,
+              saveUserData,
+              sendAspects,
+            });
+            verifyPhoneDialog.close();
+            if (productType === 'debitCard') {
+              openEsiaLoginDialog();
             } else {
-              await sendCurrentTask();
+              consentBkiDialog.open(formData.phone, profileId);
+            }
+          };
+          const handleSuccessVerify = async () => {
+            try {
+              const lastTaskId = await getLastTaskStatus({ profileId, programId });
+
+              if (lastTaskId) {
+                const task = await getTaskById({ taskId: lastTaskId });
+                verifyPhoneDialog.close();
+                draftDialog.open({
+                  task,
+                  isFromLead: true,
+                  sendAspects,
+                  onClose: sendCurrentTask,
+                });
+              } else {
+                await sendCurrentTask();
+              }
+            } catch {
+              setOK(false);
             }
-          } catch {
-            setOK(false);
-          }
-        };
+          };
 
-        const acceptedConsents = getAcceptedConsents(formData, productType);
+          const acceptedConsents = getAcceptedConsents(formData, productType);
 
-        verifyPhoneDialog.open({
-          phone: formData?.phone,
-          consents: acceptedConsents,
-          onSuccess: handleSuccessVerify,
-        });
-        endSending();
+          verifyPhoneDialog.open({
+            phone: formData?.phone,
+            consents: acceptedConsents,
+            onSuccess: handleSuccessVerify,
+          });
+          endSending();
+        }
+      } catch {
+        setOK(false);
       }
-    } catch {
-      setOK(false);
-    }
-  }, []);
+    },
+    [esiaError],
+  );
 
   return { isSending, ok, handleSubmit };
 };

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,9 +1,11 @@
 import { useCallback, useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { locationNavigator } from '../../external/locationNavigator';
 import { useSetter } from '../../hooks/useSetter';
-import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
+import { updateProfileEsia } from '../../retail/api/updateProfileEsia';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
-import { EsiaStatuses } from './ApplicationLeadForm';
+import { safeJsonParse } from '../../utils/safeJsonParse';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
@@ -13,62 +15,76 @@ type InitApplicationLeadProps = {
   inputs: FieldRetailDef[];
   nextStepLink: string;
   productType: ProductType;
-  setEsiaStatus: (status: EsiaStatuses) => void;
-  esiaAuthSuccess: boolean;
+  setEsiaError: () => void;
 };
 
 export const useInitApplicationLead = ({
   inputs,
+  nextStepLink,
   productType,
-  setEsiaStatus,
-  esiaAuthSuccess,
-}: InitApplicationLeadProps): LeadFormState => {
+  setEsiaError,
+}: InitApplicationLeadProps): [LeadFormState, { isLoading: boolean }] => {
+  const navigator = locationNavigator();
+  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+
   const leadFormStore = useLeadFormStore();
   const saveForm = useSetter(leadFormStore, 'leadForm');
 
   const initialFormState = useMemo(
-    () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
+    () => getInitialFormState(inputs, leadFormStore.leadForm),
     [inputs, leadFormStore.leadForm],
   );
 
-  const requestEsiaProfile = useCallback(async (code: string, state: string) => {
-    setEsiaStatus(EsiaStatuses.Pending);
-    try {
-      const data = await esiaRequestProfile({
-        code,
-        state,
-        redirectUri: globalThis.location?.href,
-        authorize: true,
-      });
+  const updateEsiaProfile = useCallback(
+    async (profileId: string, code: string, state: string) => {
+      startLoading();
+      try {
+        const data = await updateProfileEsia({
+          profileId,
+          code,
+          state,
+          redirectUri: globalThis.location?.href,
+        });
+
+        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,
+          }));
+        }
 
-        saveForm((_) => ({
-          ..._,
-          ...parsedData,
-        }));
-        setEsiaStatus(EsiaStatuses.Success);
+        navigator.assign(nextStepLink);
+      } catch {
+        setEsiaError();
+      } finally {
+        endLoading();
       }
-    } catch {
-      setEsiaStatus(EsiaStatuses.Error);
-    }
-  }, []);
+    },
+    [nextStepLink],
+  );
 
   useEffect(() => {
     leadFormStore.productType = productType;
-
+    const profileId: string = <string>(
+      safeJsonParse(globalThis.localStorage?.getItem('profileId') ?? '')
+    );
     const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
     const code = params.get('code');
     const state = params.get('state');
 
-    if (code && state) {
-      requestEsiaProfile(code, state);
+    if (profileId && code && state) {
+      updateEsiaProfile(profileId, code, state);
     } else {
       sessionStorage.removeItem('accessToken');
       sessionStorage.removeItem('refreshToken');
     }
   }, []);
 
-  return initialFormState;
+  return [initialFormState, { isLoading }];
 };

package/src/retail/api/checkCode.ts

@@ -16,7 +16,7 @@ export type CheckCodeResponse = {
 export const checkCode = async (body: CheckCodeBody) =>
   fetchRetailJSON<CheckCodeResponse>('/sms/checkCode', 'POST', body).then(saveToken);
 
-export const saveToken = (data: CheckCodeResponse | null) => {
+const saveToken = (data: CheckCodeResponse | null) => {
   if (data) {
     globalThis.sessionStorage.setItem('accessToken', data.access_token);
     globalThis.sessionStorage.setItem('refreshToken', data.refresh_token);

package/src/retail/api/{esiaRequestProfile.ts → updateProfileEsia.ts}

@@ -1,14 +1,13 @@
-import { saveToken, type CheckCodeResponse } from './checkCode';
 import { fetchRetailJSON } from './doRequest';
 
-export type EsiaRequestProfileBody = {
+export type UpdateProfileEsiaBody = {
   code: string;
-  authorize: boolean;
+  profileId: string;
   state: string;
   redirectUri: string;
 };
 
-export type EsiaRequestProfileResponse = CheckCodeResponse & {
+export type UpdateProfileEsiaResponse = {
   profile: {
     id: number;
     esiaId: string;
@@ -76,18 +75,8 @@ export type EsiaRequestProfileResponse = CheckCodeResponse & {
     workLengthLastJob: number;
     pdfFileWorkbook: string;
     pdfFilePayout: string;
-    pdfFileSigPayout: string;
-    pdfFileSigWorkbook: string;
-    xmlFilePayout: string;
-    xmlFileSigPayout: string;
-    xmlFileSigWorkbook: string;
-    xmlFileWorkbook: string;
   };
 };
 
-export const esiaRequestProfile = (body: EsiaRequestProfileBody) =>
-  fetchRetailJSON<EsiaRequestProfileResponse>('/esia/requestProfile', 'POST', body).then((res) => {
-    saveToken(res);
-
-    return res;
-  });
+export const updateProfileEsia = (body: UpdateProfileEsiaBody) =>
+  fetchRetailJSON<UpdateProfileEsiaResponse>('/esia/updateProfileEsia', 'POST', body);

package/src/retail/api/updateUserTask.ts

@@ -52,7 +52,6 @@ export type Participant = {
   surname?: string;
   profile?: {
     id: number;
-    esiaAccountTypeCd?: Option;
   };
   armyIdFlg?: boolean;
   birthPlace?: string;

package/src/retail/api/uploadFile.ts

@@ -5,12 +5,13 @@ export type DocumentCategory = 'CONFIRMING_EMPLOYMENT_DOC' | 'CONFIRMING_INCOME_
 
 export const uploadFile = async (
   file: Blob,
+  taskId: string,
   documentCategory: DocumentCategory,
-  isPDF = false,
 ): Promise<File> => {
   const fd = new FormData();
+  fd.append('taskId', taskId);
   fd.append('documentCategory', documentCategory);
-  fd.append('file', file, `file.${isPDF ? 'pdf' : 'xml'}`);
+  fd.append('file', file, 'file.pdf');
 
   const res = await globalThis
     ?.fetch?.(`/light-api-cash/v1/file`, {

package/src/retail/components/DraftDialog/parseDraftTask.ts

@@ -68,7 +68,6 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     payrollCardRshbFlg: isInsurance,
     consentInsuranceFlg: isSalaryClient,
     incomeCertificateCd,
-    profile,
   } = participant;
 
   return {
@@ -122,7 +121,6 @@ export const parseDraftTask = (task: Task): LeadFormState => {
       monthsValue,
       isAnnuity: paymentTypeCd?.key === 'ANNUITY',
     },
-    esiaAccountTypeCd: profile?.esiaAccountTypeCd,
     ...getParticipantIncomes(participantIncomes),
     ...getParticipantAddresses(participantAddresses),
     ...getParticipantContacts(participantContacts),

package/src/retail/components/EsiaLoginDialog/EsiaLoginDialog.fixture.tsx

@@ -0,0 +1,7 @@
+import '../../../setup-fixture';
+
+import { EsiaLoginDialog } from './EsiaLoginDialog';
+
+export default {
+  default: <EsiaLoginDialog />,
+};

package/src/retail/components/EsiaLoginDialog/EsiaLoginDialog.tsx

@@ -0,0 +1,65 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { locationNavigator } from '../../../external/locationNavigator';
+import { Button } from '../../../ui-kit/Button/Button';
+import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
+import { Img } from '../../../ui-kit/Img/Img';
+import { getLink } from '../../api/getLink';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+
+export interface EsiaLoginDialogProps {
+  onClose?: () => void;
+}
+
+export const EsiaLoginDialog = JSX<EsiaLoginDialogProps>(({ 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 (
+    <Dialog className="my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg" onClose={handleClose}>
+      <div className="flex flex-col gap-lg items-center rounded-md">
+        <div className="flex items-center justify-around w-full px-m">
+          <ul className="list-disc">
+            <li>Вероятность одобрения выше</li>
+            <li>Без справок о доходах и трудоустройстве</li>
+            <li>С защитой Ваших данных</li>
+          </ul>
+          <Img image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }} height="70" />
+        </div>
+        <div className="@container flex flex-wrap gap-lg w-full">
+          <Button type="button" onClick={handleAuth} className="w-full md:w-auto">
+            Заполнить через Госуслуги
+          </Button>
+          <Button
+            type="button"
+            version="secondary"
+            onClick={handleClose}
+            className="w-full md:w-auto"
+          >
+            Пропустить
+          </Button>
+        </div>
+      </div>
+    </Dialog>
+  );
+});