@redneckz/wildless-cms-uni-blocks 0.14.1076 → 0.14.1078

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -3,6 +3,8 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { locationNavigator } from '../../external/locationNavigator';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { type AspectsProps } from '../../model/AspectsProps';
 import { createDraftTask } from '../../retail/api/createDraftTask';
 import { createParticipant } from '../../retail/api/createParticipant';
@@ -19,15 +21,18 @@ import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDial
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import {
   type CommonLeadProps,
+  type OldMicroserviceProps,
   type ProductType,
   type TaskDataProps,
   type UpdateUserDataNewMicroserviceProps,
   type UpdateUserDataProps,
 } from '../../retail/model/ApplicationLeadFormTypes';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
+import { getAspects } from '../../retail/utils/commonAspects';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
 import { productTypeToTaskType } from '../../retail/utils/productTypeToTaskType';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { formatPhone } from '../../utils/formatPhone';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
@@ -59,13 +64,14 @@ export const useApplicationLeadApi = ({
   const leadFormStore = useLeadFormStore();
 
   const sendAspects = useSendLeadFormAspects({ data });
+  const aspects = useAspects();
   const navigator = locationNavigator();
 
   const goToNextStep = useCallback(() => {
     navigator.assign(nextStepLink);
   }, []);
 
-  const consentBkiDialog = useConsentBkiDialog(goToNextStep);
+  const consentBkiDialog = useConsentBkiDialog(goToNextStep, productType);
   const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
   const draftDialog = useDraftDialog();
 
@@ -89,50 +95,33 @@ export const useApplicationLeadApi = ({
         throw new Error();
       }
 
-      const sendCurrentTask = async () => {
-        await updateUserData({
+      const oldMicroserviceProps: OldMicroserviceProps = {
+        common: {
+          aspects,
           programId,
+          productType,
+          sendAspects,
+          verifyPhoneDialog,
+          handleFailSendForm,
           profileId,
+        },
+        taskData: {
           formData: transformedFormData,
-          productType,
           referalData,
           marketingInfo,
           saveUserData,
-          sendAspects,
-        });
-        verifyPhoneDialog.close();
-        if (productType === 'debitCard') {
-          goToNextStep();
-        } else {
-          consentBkiDialog.open({
-            phone: transformedFormData.phone,
-            profileId,
-            onFail: handleFailSendForm,
-          });
-        }
-      };
-      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,
-              taskType: productTypeToTaskType(productType),
-              sendAspects,
-              onClose: sendCurrentTask,
-            });
-          } else {
-            await sendCurrentTask();
-          }
-        } catch {
-          handleFailSendForm();
-        }
+        },
+        goToNextStep,
+        consentBkiDialog,
+        draftDialog,
       };
 
+      const sendCurrentTask = createSendCurrentTaskOld(oldMicroserviceProps);
+      const handleSuccessVerify = createHandleSuccessVerifyOld(
+        oldMicroserviceProps,
+        sendCurrentTask,
+      );
+
       const acceptedConsents = getAcceptedConsents(transformedFormData, productType);
 
       verifyPhoneDialog.open({
@@ -161,6 +150,7 @@ export const useApplicationLeadApi = ({
         sendAspects,
         verifyPhoneDialog,
         handleFailSendForm,
+        aspects,
       };
 
       const taskData: TaskDataProps = {
@@ -251,9 +241,16 @@ const createHandleSuccessVerifyNew =
     consentBkiDialog: ReturnType<typeof useConsentBkiDialog>;
   }) =>
   async () => {
-    const { programId, productType, sendAspects, verifyPhoneDialog, handleFailSendForm } = common;
+    const { verifyPhoneDialog, sendAspects, handleFailSendForm, programId, productType, aspects } =
+      common;
     const { formData } = taskData;
 
+    handleAspects({
+      aspectsAttributes: getAspects('leadForm', productType),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+
     try {
       const participantData = await createParticipant({
         phone: formatPhone(formData.phone as string),
@@ -307,6 +304,69 @@ const createHandleSuccessVerifyNew =
     }
   };
 
+const createSendCurrentTaskOld = (props: OldMicroserviceProps) => async () => {
+  const { common, taskData, goToNextStep, consentBkiDialog } = props;
+  const { programId, profileId, productType, verifyPhoneDialog, handleFailSendForm } = common;
+  const { formData } = taskData;
+
+  await updateUserData({
+    programId,
+    profileId,
+    formData,
+    productType,
+    referalData: taskData.referalData,
+    marketingInfo: taskData.marketingInfo,
+    saveUserData: taskData.saveUserData,
+    sendAspects: common.sendAspects,
+  });
+
+  verifyPhoneDialog.close();
+
+  if (productType === 'debitCard') {
+    goToNextStep();
+  } else {
+    consentBkiDialog.open({
+      phone: formData.phone,
+      profileId,
+      onFail: handleFailSendForm,
+    });
+  }
+};
+
+const createHandleSuccessVerifyOld =
+  (props: OldMicroserviceProps, sendCurrentTask: () => Promise<void>) => async () => {
+    const { common, draftDialog } = props;
+    const { aspects, programId, sendAspects, verifyPhoneDialog, handleFailSendForm, profileId } =
+      common;
+    const productType = common.productType as ProductType;
+
+    handleAspects({
+      aspectsAttributes: getAspects('leadForm', productType),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+
+    try {
+      const lastTaskId = await getLastTaskStatus({ profileId, programId });
+
+      if (lastTaskId) {
+        const task = await getTaskById({ taskId: lastTaskId });
+        verifyPhoneDialog.close();
+        draftDialog.open({
+          task,
+          isFromLead: true,
+          taskType: productTypeToTaskType(productType),
+          sendAspects,
+          onClose: sendCurrentTask,
+        });
+      } else {
+        await sendCurrentTask();
+      }
+    } catch {
+      handleFailSendForm();
+    }
+  };
+
 const getAcceptedConsents = (formData: LeadFormState, productType: ProductType): string[] => {
   const consents = productTypeToConsentsMap[productType];
 

package/src/components/CreditCardForm/CreditCardFormStep.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm';
 import { useIFrameMode } from '../../retail/hooks/useIFrameMode';
+import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
 import { type SectionsRetailProps } from '../../retail/model/InputSectionsType';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
 import { renderStep } from '../../retail/utils/renderStep';
@@ -21,6 +22,7 @@ const PRODUCT_TYPE = 'creditCard';
 
 export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
   ({ step, sections, onPrevStep, onNextStep, onFinish }) => {
+    const { programId } = useRetailFormStore();
     useIFrameMode();
     const inputs = useMemo(
       () => sections?.flatMap((_: SectionsRetailProps) => _?.inputs || []),
@@ -43,15 +45,24 @@ export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
       onFinish,
     });
 
-    const [, { field, onSubmit: handleSubmit }] = useForm(initialState, {
+    const [formState, { field, onSubmit: handleSubmit }] = useForm(initialState, {
       formValidator,
       onSubmit,
     });
 
+    const PAYMENT_SYSTEM = formState.paymentSystem?.text;
+
     return (
       <form onSubmit={handleSubmit} className="space-y-m">
         {renderStep({ sections, field })}
-        <StepsNavigationButtons isSending={isSending} step={step} onPrevStep={onPrevStep} />
+        <StepsNavigationButtons
+          isSending={isSending}
+          step={step}
+          onPrevStep={onPrevStep}
+          programId={programId}
+          productType={PRODUCT_TYPE}
+          paymentSystem={PAYMENT_SYSTEM}
+        />
       </form>
     );
   },

package/src/components/CreditCardForm/FailedStatusContent.tsx

@@ -1,10 +1,27 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
-export const FailedStatusContent = JSX(() => (
-  <FormStatus
-    title="Благодарим Вас за ожидание"
-    description="В настоящий момент Банк не может одобрить Вашу заявку на кредитную карту. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
-    buttonText="Вернуться на главную"
-  />
-));
+export const FailedStatusContent = JSX(() => {
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('refuse', 'creditCard'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
+
+  return (
+    <FormStatus
+      title="Благодарим Вас за ожидание"
+      description="В настоящий момент Банк не может одобрить Вашу заявку на кредит. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
+      buttonText="Вернуться на главную"
+    />
+  );
+});

package/src/components/CreditCardForm/PendingStatusContent.tsx

@@ -1,9 +1,32 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
 export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void }) => {
   const { statusInfo } = useRetailFormStore();
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('timer', 'creditCard'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
+
+  const handleExpireWithEvent = () => {
+    handleAspects({
+      aspectsAttributes: getAspects('timerEnd', 'creditCard'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+    onExpire();
+  };
 
   return (
     <FormStatus
@@ -21,7 +44,7 @@ export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void })
           description: statusInfo?.cardCategory,
         },
       ]}
-      onExpire={onExpire}
+      onExpire={handleExpireWithEvent}
     />
   );
 });

package/src/components/CreditCardForm/ReworkStatusContent.tsx

@@ -1,9 +1,23 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
 export const ReworkStatusContent = JSX(() => {
   const { statusInfo } = useRetailFormStore();
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('revision', 'creditCard'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
 
   const isCourierDelivery = statusInfo?.methodObtain === 'courier';
 

package/src/components/CreditCardForm/StepsNavigationButtons.tsx

@@ -1,24 +1,37 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
+import { getStepAspects } from '../../utils/getStepAspects';
+import { CREDIT_CARD_FORM_STEPS_ASPECTS } from './creditCardFormAspects';
 
 export interface StepsNavigationButtonsProps {
   step: number;
   isSending: boolean;
   onPrevStep?: () => void;
+  programId?: string | null;
+  productType?: string;
+  paymentSystem?: string;
 }
 
 export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
-  ({ step, isSending, onPrevStep }) => {
+  ({ step, isSending, onPrevStep, programId, productType, paymentSystem }) => {
     const isFirstStep = step === 0;
     const isFinalStep = step === 5;
 
+    const aspects = getStepAspects({
+      step,
+      programId,
+      productType,
+      paymentSystem,
+      stepsConfig: CREDIT_CARD_FORM_STEPS_ASPECTS,
+    });
+
     return (
       <div className="flex justify-between gap-m">
         <Button version="secondary" disabled={isFirstStep} onClick={onPrevStep}>
           Назад
         </Button>
-        <SubmitButton isLoading={isSending}>
+        <SubmitButton isLoading={isSending} data={aspects}>
           {isFinalStep ? 'Отправить заявку' : 'Далее'}
         </SubmitButton>
       </div>

package/src/components/CreditCardForm/SuccessStatusCardContent.tsx

@@ -1,10 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore, type StatusInfoState } from '../../retail/hooks/useRetailFormStore';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { formatDate } from '../../utils/formatDate';
 
 export const SuccessStatusCardContent = JSX(() => {
   const { statusInfo } = useRetailFormStore();
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('preDecision', 'creditCard'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
 
   return (
     <FormStatus

package/src/components/CreditCardForm/creditCardFormAspects.ts

@@ -0,0 +1,9 @@
+import { type StepAspectsConfig } from '../../retail/utils/formAspectsConfig';
+
+export const CREDIT_CARD_FORM_STEPS_ASPECTS: StepAspectsConfig[] = [
+  { ymTargetName: 'card_credit_calculator' },
+  { ymTargetName: 'card_app_personal_data' },
+  { ymTargetName: 'card_app_work' },
+  { ymTargetName: 'card_app_income' },
+  { ymTargetName: 'card_app_bank_office' },
+];

package/src/components/CreditForm/FailedStatusContent.tsx

@@ -1,10 +1,27 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
-export const FailedStatusContent = JSX(() => (
-  <FormStatus
-    title="Благодарим Вас за ожидание"
-    description="В настоящий момент Банк не может одобрить Вашу заявку на кредит. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
-    buttonText="Вернуться на главную"
-  />
-));
+export const FailedStatusContent = JSX(() => {
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('refuse', 'credit'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
+
+  return (
+    <FormStatus
+      title="Благодарим Вас за ожидание"
+      description="В настоящий момент Банк не может одобрить Вашу заявку на кредит. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
+      buttonText="Вернуться на главную"
+    />
+  );
+});

package/src/components/CreditForm/PendingStatusContent.tsx

@@ -1,6 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { getCreditInfo } from './getCreditInfo';
 
 export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void }) => {
@@ -8,6 +13,26 @@ export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void })
 
   const creditInfo = getCreditInfo(programId);
 
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('timer', 'credit'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
+
+  const handleExpireWithEvent = useCallback(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('timerEnd', 'credit'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+
+    onExpire();
+  }, [aspects, onExpire]);
+
   return (
     <FormStatus
       interval={300}
@@ -36,7 +61,7 @@ export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void })
           description: statusInfo?.calculator?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
         },
       ]}
-      onExpire={onExpire}
+      onExpire={handleExpireWithEvent}
     />
   );
 });

package/src/components/CreditForm/ReworkStatusContent.tsx

@@ -1,10 +1,25 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { handleAspects } from '../../hooks/useAspects/handleAspects';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getAspects } from '../../retail/utils/commonAspects';
+import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
 export const ReworkStatusContent = JSX(() => {
   const { statusInfo } = useRetailFormStore();
 
+  const aspects = useAspects();
+
+  useEffect(() => {
+    handleAspects({
+      aspectsAttributes: getAspects('revision', 'credit'),
+      aspects,
+      ev: {} as PreventableEventWithTarget,
+    });
+  }, []);
+
   return (
     <FormStatus
       title="Благодарим вас за ожидание, но нам требуется больше времени для принятия решения"

package/src/components/CreditForm/StepsNavigationButtons.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type AspectsDef } from '../../model/AspectsProps';
-import { projectSettings } from '../../ProjectSettings';
 import { Button } from '../../ui-kit/Button/Button';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
-import { getYandexAspects } from './getYandexAspects';
+import { getStepAspects } from '../../utils/getStepAspects';
+import { CREDIT_FORM_STEPS_ASPECTS } from './creditFormAspects';
+
 export interface StepsNavigationButtonsProps {
   step: number;
   isSending: boolean;
@@ -12,106 +12,16 @@ export interface StepsNavigationButtonsProps {
   productType?: string;
 }
 
-const YANDEX_ID = projectSettings.YANDEX_METRIKA_ID || '92511315';
-
-const data: AspectsDef[][] = [
-  [
-    {
-      aspectName: 'ymReachGoal',
-      params: {
-        yandexId: YANDEX_ID,
-        targetName: 'credit_calculator',
-      },
-    },
-    {
-      aspectName: 'snowplowEvent',
-      params: {
-        eventAction: 'naturalCreditsReducedPaymentCreditSummPeriodNext',
-        eventCategory: 'naturalCredits',
-        eventValueText: 'Кредит со сниженным платежом Сумма и сроки кредита Кнопка Далее',
-      },
-    },
-  ],
-  [
-    {
-      aspectName: 'ymReachGoal',
-      params: {
-        yandexId: YANDEX_ID,
-        targetName: 'app_personal_data',
-      },
-    },
-    {
-      aspectName: 'snowplowEvent',
-      params: {
-        eventAction: 'naturalCreditsReducedPaymentCreditFormPassportNext',
-        eventCategory: 'naturalCredits',
-        eventValueText: 'Кредит со сниженным платежом Паспортные данные Кнопка Далее',
-      },
-    },
-  ],
-  [
-    {
-      aspectName: 'ymReachGoal',
-      params: {
-        yandexId: YANDEX_ID,
-        targetName: 'app_work',
-      },
-    },
-    {
-      aspectName: 'snowplowEvent',
-      params: {
-        eventAction: 'naturalCreditsReducedPaymentCreditFormEmployerDetailsNext',
-        eventCategory: 'naturalCredits',
-        eventValueText: 'Кредит со сниженным платежом Данные о работодателе Кнопка Далее',
-      },
-    },
-  ],
-  [
-    {
-      aspectName: 'ymReachGoal',
-      params: {
-        yandexId: YANDEX_ID,
-        targetName: 'app_income',
-      },
-    },
-    {
-      aspectName: 'snowplowEvent',
-      params: {
-        eventAction: 'naturalCreditsReducedPaymentCreditFormFamilyStatusNext',
-        eventCategory: 'naturalCredits',
-        eventValueText: 'Кредит со сниженным платежом Семейное положение и доход Кнопка Далее',
-      },
-    },
-  ],
-  [
-    {
-      aspectName: 'ymReachGoal',
-      params: {
-        yandexId: YANDEX_ID,
-        targetName: 'app_bank_office',
-      },
-    },
-    {
-      aspectName: 'snowplowEvent',
-      params: {
-        eventAction: 'naturalCreditsReducedPaymentCreditFormBankDepartmentChoosingNext',
-        eventCategory: 'naturalCredits',
-        eventValueText: 'Кредит со сниженным платежом Выбор отделения Кнопка Далее',
-      },
-    },
-  ],
-];
-
 export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
   ({ step, onPrevStep, isSending, programId, productType = 'credit' }) => {
     const isFirstStep = step === 0;
     const isFinalStep = step === 5;
 
-    const aspects = getYandexAspects({
+    const aspects = getStepAspects({
       step,
       programId,
       productType,
-      aspectsData: data,
+      stepsConfig: CREDIT_FORM_STEPS_ASPECTS,
     });
 
     return (