@redneckz/wildless-cms-uni-blocks 0.14.812 → 0.14.814

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

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

package/mobile/src/retail/api/updateUserTask.ts

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

package/mobile/src/retail/api/uploadFile.ts

@@ -5,13 +5,12 @@ 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.pdf');
+  fd.append('file', file, `file.${isPDF ? 'pdf' : 'xml'}`);
 
   const res = await globalThis
     ?.fetch?.(`/light-api-cash/v1/file`, {

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

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

package/mobile/src/retail/content.tsx

@@ -190,7 +190,16 @@ const FAMILY_STATUS_AND_INCOME_CONTENT: CreditCardSectionsProps[] = [
   },
   {
     columns: 1,
-    inputs: [{ name: 'confirmationIncome', required: true }],
+    inputs: [
+      {
+        name: 'confirmationIncome',
+        required: true,
+        condition: {
+          name: 'esiaAccountTypeCd',
+          values: [''],
+        },
+      },
+    ],
   },
   {
     columns: 1,

package/mobile/src/retail/model/NameFieldDef.ts

@@ -86,6 +86,7 @@ type NameFieldRetailDef =
   | 'calculator'
   | 'infoCard'
   | 'deliveryTime'
+  | 'esiaAccountTypeCd'
   | 'comment';
 
 export type NameFieldDef =

package/mobile/src/retail/utils/mainFormStateMap.ts

@@ -56,6 +56,7 @@ export const mainFormStateMap: Partial<LeadFormState>[] = [
     mandatoryPayments: undefined,
     snils: '',
     armyIdFlg: false,
+    esiaAccountTypeCd: { key: '', text: '' },
   },
   {
     bankruptcyFlg: false,

package/mobile/src/ui-kit/FormField/Fields/PhoneField.tsx

@@ -1,9 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { isEsiaAuthorize } from '../../../retail/utils/isEsiaAuthorize';
 import { InputPhoneControl } from '../../Input/InputPhoneControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 
 export const PhoneField = JSX<CustomFieldProps>(({ field, input }) => {
   const fieldName = input?.name || 'phone';
 
-  return <InputPhoneControl label="Телефон" {...field(fieldName)} {...input} />;
+  return (
+    <InputPhoneControl
+      label="Телефон"
+      disabled={input?.filledByEsia && isEsiaAuthorize(field, input.name ?? '')}
+      {...field(fieldName)}
+      {...input}
+    />
+  );
 });

package/mobile/src/ui-kit/FormField/shouldRenderField.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
 import { type BaseFieldDef } from './BaseFieldDef';
 
@@ -11,5 +12,5 @@ export function shouldRenderField<F extends BaseFieldDef>({
   const { condition } = input;
   const { value } = field(condition?.name || '');
 
-  return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
+  return !condition || condition?.values?.includes(value?.key ?? value);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.812",
+  "version": "0.14.814",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
@@ -16,6 +17,7 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { getApplicationFormData } from './applicationFormData';
 import { type ApplicationLeadFormContent } from './ApplicationLeadFormContent';
+import { EsiaLoginBanner } from './EsiaLoginBanner';
 import { renderInputs } from './renderInputs';
 import { renderSubmitButton } from './renderSubmitButton';
 import { useApplicationLeadApi } from './useApplicationLeadApi';
@@ -35,6 +37,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
     ...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) || []) as FieldRetailDef[],
@@ -48,16 +51,18 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
       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,
     });
@@ -69,12 +74,19 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
       }
     }, [ok]);
 
+    useEffect(() => {
+      if (initialFormState?.esiaAccountTypeCd) {
+        reset();
+      }
+    }, [initialFormState]);
+
     return (
       <ApplicationFormLayout
         className={style('container space-y-m', className)}
         title={title}
         {...rest}
       >
+        {!esiaAuthSuccess && !esiaError ? <EsiaLoginBanner /> : null}
         <form onSubmit={onSubmit} className="space-y-m relative">
           {isLoading ? <Loader blur={false} /> : null}
           {applicationFormData.map((_, i) => (

package/src/components/ApplicationLeadForm/EsiaLoginBanner.tsx

@@ -0,0 +1,52 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { locationNavigator } from '../../external/locationNavigator';
+import { getLink } from '../../retail/api/getLink';
+import { Button } from '../../ui-kit/Button/Button';
+import { Img } from '../../ui-kit/Img/Img';
+
+export interface EsiaLoginBannerProps {
+  onClose?: () => void;
+}
+
+export const EsiaLoginBanner = JSX<EsiaLoginBannerProps>(() => {
+  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 (
+    <div className="flex gap-lg items-center rounded-md bg-main-gray px-4 py-6 @md:p-9">
+      <div className="flex flex-col justify-around w-full">
+        <p className="mb-4 text-xl @md:text-2xl @md:mb-6">Заполните данные через Госуслуги</p>
+        <ul className="list-disc list-inside mb-9">
+          <li>Вероятность одобрения выше</li>
+          <li>Без справок о доходах и трудоустройстве</li>
+          <li>С защитой Ваших данных</li>
+        </ul>
+        <Img
+          className="block mb-6 self-center @md:hidden"
+          image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }}
+          height="80"
+          width="80"
+        />
+        <Button type="button" onClick={handleAuth} className="w-full @md:w-fit">
+          Заполнить
+        </Button>
+      </div>
+      <Img
+        className="hidden @md:block"
+        image={{ icon: 'GosUslugiIcon', iconVersion: 'normal' }}
+        height="164"
+      />
+    </div>
+  );
+});

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -3,32 +3,6 @@ import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 
-export const applicationFormData: SectionsRetailProps[] = [
-  {
-    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: 'email', required: true, dadata: true },
-    ],
-  },
-  {
-    inputs: [
-      { name: 'processPersonalDataFlg', required: true },
-      { name: 'consentProviderFlg', required: true },
-      { name: 'consentOthersFlg', required: true },
-      { name: 'consentInformFlg' },
-      { name: 'consentPfrFlg' },
-      { name: 'consentInformMaterialsFlg' },
-      { name: 'consentPhotoFlg' },
-      { name: 'consentFATCA' },
-    ],
-  },
-];
-
 export const getApplicationFormData = (productType: ProductType): SectionsRetailProps[] => {
   const currentProductConsents = productTypeToConsentsMap[productType];
   const allConsents: FieldRetailDef[] = [
@@ -46,11 +20,11 @@ export const getApplicationFormData = (productType: ProductType): SectionsRetail
     {
       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 },
       ],
     },

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -21,9 +21,16 @@ const initialFormState = {
 export const getInitialFormState = (
   inputs: FieldRetailDef[],
   savedForm: LeadFormState | null,
+  esiaAuthSuccess: boolean,
 ): LeadFormState => {
   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 || '']]));

package/src/components/ApplicationLeadForm/parseEsiaProfile.ts

@@ -1,33 +1,62 @@
 /* eslint-disable max-lines */
-import { type UpdateProfileEsiaResponse } from '../../retail/api/updateProfileEsia';
+/* eslint-disable max-lines-per-function */
+import { type EsiaRequestProfileResponse } from '../../retail/api/esiaRequestProfile';
 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';
 
+type Document = {
+  file: string;
+  category: DocumentCategory;
+  isPDF: boolean;
+};
+
 export const parseEsiaProfile = async (
-  esiaProfile: UpdateProfileEsiaResponse,
-  taskId: string,
+  esiaProfile: EsiaRequestProfileResponse,
   isDebit: boolean,
 ): Promise<LeadFormState> => {
   isDebit ? checkEsiaDataForDebit(esiaProfile) : checkEsiaDataForCredit(esiaProfile);
 
   const { profile, addInfo, document, addressRegistration, addressFact, esiaAdditionalDocument } =
     esiaProfile;
-  const files: File[] = [];
+  let files: File[] = [];
 
   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 = {
@@ -74,7 +103,7 @@ const concatFullAddress = (address: Array<string | undefined>): string => {
   }, '');
 };
 
-const buildAddress = (fields: UpdateProfileEsiaResponse['addressRegistration']): Address => {
+const buildAddress = (fields: EsiaRequestProfileResponse['addressRegistration']): Address => {
   const {
     postcode,
     region,
@@ -110,24 +139,22 @@ const buildAddress = (fields: UpdateProfileEsiaResponse['addressRegistration']):
 
 const getYearFromMonth = (month: number) => Math.floor(month / 12);
 
-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 saveDocuments = async (documents: Document[]): Promise<File[]> => {
+  const files: File[] = [];
+
+  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: UpdateProfileEsiaResponse) => {
+const checkEsiaDataForCredit = (esiaProfile: EsiaRequestProfileResponse) => {
   const { profile, document, addressRegistration, esiaAdditionalDocument } = esiaProfile;
 
   const data = [
@@ -153,6 +180,13 @@ const checkEsiaDataForCredit = (esiaProfile: UpdateProfileEsiaResponse) => {
     esiaAdditionalDocument.jobsNumberInFiveYears.toString(),
     esiaAdditionalDocument.pdfFilePayout,
     esiaAdditionalDocument.pdfFileWorkbook,
+    esiaAdditionalDocument.pdfFileSigPayout,
+    esiaAdditionalDocument.xmlFilePayout,
+    esiaAdditionalDocument.xmlFileSigPayout,
+    esiaAdditionalDocument.xmlFileWorkbook,
+    //TODO: После тестирования добавить документы снизу
+    // esiaAdditionalDocument.pdfFileSigWorkbook,
+    // esiaAdditionalDocument.xmlFileSigWorkbook
   ];
 
   if (!data.every((_) => Boolean(_))) {
@@ -160,7 +194,7 @@ const checkEsiaDataForCredit = (esiaProfile: UpdateProfileEsiaResponse) => {
   }
 };
 
-const checkEsiaDataForDebit = (esiaProfile: UpdateProfileEsiaResponse) => {
+const checkEsiaDataForDebit = (esiaProfile: EsiaRequestProfileResponse) => {
   const { profile, document, addressRegistration } = esiaProfile;
 
   const data = [

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -12,7 +12,6 @@ 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';
@@ -28,7 +27,7 @@ interface ApplicationLeadApiProps extends AspectsProps {
   programId: string;
   nextStepLink: string;
   productType: ProductType;
-  esiaError: boolean;
+  esiaAuthSuccess: boolean;
 }
 
 // eslint-disable-next-line max-lines-per-function
@@ -36,7 +35,6 @@ export const useApplicationLeadApi = ({
   programId,
   nextStepLink,
   productType,
-  esiaError,
   data,
 }: ApplicationLeadApiProps) => {
   const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
@@ -45,77 +43,72 @@ export const useApplicationLeadApi = ({
   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: LeadFormState) => {
-      if (esiaError) {
-        navigator.assign(nextStepLink);
-
-        return;
-      }
-      try {
-        startSending();
-        const profileId = await createUserProfile({
-          profile: { phone: formatPhone(formData.phone as string) },
-        });
+  const handleSubmit = useCallback(async (formData: LeadFormState) => {
+    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();
+      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,
+              });
             } 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,
-                });
-              } else {
-                await sendCurrentTask();
-              }
-            } catch {
-              setOK(false);
+              await sendCurrentTask();
             }
-          };
+          } catch {
+            setOK(false);
+          }
+        };
 
-          const acceptedConsents = getAcceptedConsents(formData, productType);
+        const acceptedConsents = getAcceptedConsents(formData, productType);
 
-          verifyPhoneDialog.open({
-            phone: formData?.phone,
-            consents: acceptedConsents,
-            onSuccess: handleSuccessVerify,
-          });
-          endSending();
-        }
-      } catch {
-        setOK(false);
+        verifyPhoneDialog.open({
+          phone: formData?.phone,
+          consents: acceptedConsents,
+          onSuccess: handleSuccessVerify,
+        });
+        endSending();
       }
-    },
-    [esiaError],
-  );
+    } catch {
+      setOK(false);
+    }
+  }, []);
 
   return { isSending, ok, handleSubmit };
 };