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

package/mobile/lib/retail/components/DraftDialog/DraftDialogContent.d.ts

@@ -1,3 +1,4 @@
+import { type AspectsDef } from '../../../model/AspectsProps';
 import { type OnCloseProps } from '../../../model/OnCloseProps';
 import { type getProductData } from './utils';
 export interface DraftDialogContentProps extends OnCloseProps {
@@ -6,5 +7,7 @@ export interface DraftDialogContentProps extends OnCloseProps {
     isFromLead: boolean;
     handleGoToDraft: () => void;
     handleGoToNewTask: () => void;
+    draftAspects?: AspectsDef[];
+    currentAspects?: AspectsDef[];
 }
 export declare const DraftDialogContent: import("@redneckz/uni-jsx").UNIComponent<DraftDialogContentProps, any, any>;

package/mobile/lib/retail/components/DraftDialog/DraftDialogContent.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../../ui-kit/Heading/Heading.js';
 import { formatDate } from '../../../utils/formatDate.js';
 import { DraftActionButton } from './DraftActionButton.js';
-export const DraftDialogContent = JSX(function ({ createdDate, productData, isFromLead, handleGoToDraft, handleGoToNewTask, onClose, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [_jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), _jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [_jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft, name: "go-to-draft-button" }), _jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: productData.description, onClick: isFromLead ? onClose : handleGoToNewTask, name: "go-to-current-task-button" })] })] }));
+export const DraftDialogContent = JSX(function ({ createdDate, productData, isFromLead, handleGoToDraft, handleGoToNewTask, onClose, draftAspects, currentAspects, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [_jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), _jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [_jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft, name: "go-to-draft-button", data: draftAspects }), _jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: productData.description, onClick: isFromLead ? onClose : handleGoToNewTask, name: "go-to-current-task-button", data: isFromLead ? currentAspects : undefined })] })] }));
 });
 //# sourceMappingURL=DraftDialogContent.js.map

package/mobile/lib/retail/components/DraftDialog/DraftDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraftDialogContent.js","sourceRoot":"","sources":["../../../../src/retail/components/DraftDialog/DraftDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWxD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAA0B,UAAU,EACvE,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,OAAO,GACR;IACC,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,OAAO,IACN,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,qJAA6B,EACnC,WAAW,EAAC,IAAI,GAChB,EACF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,iBAAiB,IAChB,KAAK,EAAC,kLAAiC,EACvC,IAAI,EAAC,eAAe,EACpB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,eAAe,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClF,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,oBAAoB,GACzB,EACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,sBAAsB,EACnF,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EACjD,IAAI,EAAC,2BAA2B,GAChC,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DraftDialogContent.js","sourceRoot":"","sources":["../../../../src/retail/components/DraftDialog/DraftDialogContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAaxD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAA0B,UAAU,EACvE,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,cAAc,GACf;IACC,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,OAAO,IACN,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,qJAA6B,EACnC,WAAW,EAAC,IAAI,GAChB,EACF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,iBAAiB,IAChB,KAAK,EAAC,kLAAiC,EACvC,IAAI,EAAC,eAAe,EACpB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,eAAe,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAClF,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,oBAAoB,EACzB,IAAI,EAAE,YAAY,GAClB,EACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,sBAAsB,EACnF,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EACjD,IAAI,EAAC,2BAA2B,EAChC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GAC7C,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/retail/model/ApplicationLeadFormTypes.d.ts

@@ -1,7 +1,10 @@
+import { type Aspects } from '../../hooks/useAspects/useAspects';
 import { type DialogOptions } from '../../ui-kit/DialogManager/DialogAction';
 import { type VerifyPhoneDialogProps } from '../../ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout';
 import { type Nullable } from '../../utils/Nullable';
 import { type MarketingInfo } from '../api/updateUserTask';
+import { type useConsentBkiDialog } from '../components/ConsentBkiDialog/useConsentBkiDialog';
+import { type useDraftDialog } from '../components/DraftDialog/useDraftDialog';
 import { type LeadFormState } from './LeadFormState';
 import { type ReferalData } from './ReferalData';
 export interface UserData {
@@ -14,6 +17,7 @@ export interface UserData {
 }
 export declare type ProductType = 'credit' | 'creditCard' | 'debitCard';
 export interface CommonLeadProps {
+    aspects: Aspects;
     programId: string;
     userId?: string | number;
     productType: ProductType;
@@ -47,3 +51,12 @@ export interface UpdateUserDataNewMicroserviceProps extends BaseUpdateUserDataPr
     participantId: string | number;
     userId?: string | number;
 }
+export interface OldMicroserviceProps {
+    common: Omit<CommonLeadProps, 'userId'> & {
+        profileId: number;
+    };
+    taskData: TaskDataProps;
+    goToNextStep: () => void;
+    consentBkiDialog: ReturnType<typeof useConsentBkiDialog>;
+    draftDialog: ReturnType<typeof useDraftDialog>;
+}

package/mobile/lib/retail/utils/commonAspects.d.ts

@@ -0,0 +1,2 @@
+import { type AspectsDef } from '../../model/AspectsProps';
+export declare const getAspects: (aspectType: string, productType?: string) => AspectsDef[];

package/mobile/lib/retail/utils/commonAspects.js

@@ -0,0 +1,61 @@
+import { YANDEX_ID } from './yandexMetrika.js';
+const ASPECTS_MAP = {
+    leadForm: {
+        debitCard: 'debit_lead_form',
+        creditCard: 'card_lead_form',
+        default: 'lead_form',
+    },
+    draft: {
+        debitCard: 'debit_draft_app',
+        creditCard: 'card_draft_app',
+        default: 'draft_app',
+    },
+    smsAuth: {
+        debitCard: 'debit_sms_auth',
+        creditCard: 'card_sms_auth',
+        default: 'sms_auth',
+    },
+    consentBki: {
+        creditCard: 'card_consent_bki',
+        default: 'consent_bki',
+    },
+    smsBki: {
+        creditCard: 'card_sms_bki',
+        default: 'sms_bki',
+    },
+    current: {
+        debitCard: 'debit_current_app',
+        creditCard: 'card_current_app',
+        default: 'current_app',
+    },
+    timer: {
+        creditCard: 'card_timer',
+        default: 'timer',
+    },
+    timerEnd: {
+        creditCard: 'card_timer_end',
+        default: 'timer_end',
+    },
+    preDecision: {
+        creditCard: 'card_pre_decision',
+        default: 'pre_decision',
+    },
+    revision: {
+        creditCard: 'card_revision',
+        default: 'revision',
+    },
+    refuse: {
+        creditCard: 'card_refuse',
+        default: 'refuse',
+    },
+};
+export const getAspects = (aspectType, productType) => {
+    const aspectForType = ASPECTS_MAP[aspectType];
+    return [
+        {
+            aspectName: 'ymReachGoal',
+            params: { yandexId: YANDEX_ID, targetName: aspectForType[productType || 'default'] },
+        },
+    ];
+};
+//# sourceMappingURL=commonAspects.js.map

package/mobile/lib/retail/utils/commonAspects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonAspects.js","sourceRoot":"","sources":["../../../src/retail/utils/commonAspects.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,GAA2C;IAC1D,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;QAC5B,UAAU,EAAE,gBAAgB;QAC5B,OAAO,EAAE,WAAW;KACrB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB;QAC5B,UAAU,EAAE,gBAAgB;QAC5B,OAAO,EAAE,WAAW;KACrB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,gBAAgB;QAC3B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,UAAU;KACpB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,kBAAkB;QAC9B,OAAO,EAAE,aAAa;KACvB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAc;QAC1B,OAAO,EAAE,SAAS;KACnB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,mBAAmB;QAC9B,UAAU,EAAE,kBAAkB;QAC9B,OAAO,EAAE,aAAa;KACvB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,OAAO;KACjB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,gBAAgB;QAC5B,OAAO,EAAE,WAAW;KACrB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,mBAAmB;QAC/B,OAAO,EAAE,cAAc;KACxB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,UAAU;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,aAAa;QACzB,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAAkB,EAAE,WAAoB,EAAgB,EAAE;IACnF,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO;QACL;YACE,UAAU,EAAE,aAAa;YACzB,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,WAAW,IAAI,SAAS,CAAC,EAAE;SACrF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/retail/utils/formAspectsConfig.d.ts

@@ -0,0 +1,6 @@
+export interface StepAspectsConfig {
+    ymTargetName: string;
+    snowplowEventAction?: string;
+    snowplowEventCategory?: string;
+    snowplowEventValueText?: string;
+}

package/mobile/lib/retail/utils/formAspectsConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=formAspectsConfig.js.map

package/mobile/lib/retail/utils/formAspectsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formAspectsConfig.js","sourceRoot":"","sources":["../../../src/retail/utils/formAspectsConfig.ts"],"names":[],"mappings":""}

package/mobile/lib/retail/utils/yandexMetrika.d.ts

@@ -0,0 +1 @@
+export declare const YANDEX_ID: string;

package/mobile/lib/retail/utils/yandexMetrika.js

@@ -0,0 +1,3 @@
+import { projectSettings } from '../../ProjectSettings.js';
+export const YANDEX_ID = projectSettings.YANDEX_METRIKA_ID || '92511315';
+//# sourceMappingURL=yandexMetrika.js.map

package/mobile/lib/retail/utils/yandexMetrika.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yandexMetrika.js","sourceRoot":"","sources":["../../../src/retail/utils/yandexMetrika.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,iBAAiB,IAAI,UAAU,CAAC"}

package/mobile/lib/utils/getStepAspects.d.ts

@@ -0,0 +1,11 @@
+import { type AspectsDef } from '../model/AspectsProps';
+import { type StepAspectsConfig } from '../retail/utils/formAspectsConfig';
+interface YandexAspectsParams {
+    step: number;
+    programId?: string | null;
+    productType?: string;
+    paymentSystem?: string;
+    stepsConfig: StepAspectsConfig[];
+}
+export declare const getStepAspects: ({ step, programId, productType, paymentSystem, stepsConfig, }: YandexAspectsParams) => AspectsDef[];
+export {};

package/mobile/lib/utils/getStepAspects.js

@@ -0,0 +1,47 @@
+import { getCreditInfo } from '../components/CreditForm/getCreditInfo.js';
+import { YANDEX_ID } from '../retail/utils/yandexMetrika.js';
+const getVisitParams = (programId, productType, paymentSystem) => {
+    const creditInfo = getCreditInfo(programId ?? null);
+    const productName = creditInfo?.name || '';
+    const productTypeValue = productType ?? '';
+    if (paymentSystem && productType !== 'credit') {
+        return {
+            [productTypeValue]: {
+                [productName]: paymentSystem,
+            },
+        };
+    }
+    else {
+        return {
+            [productTypeValue]: productName,
+        };
+    }
+};
+export const getStepAspects = ({ step, programId, productType, paymentSystem, stepsConfig, }) => {
+    const config = stepsConfig[step];
+    if (!config) {
+        return [];
+    }
+    const visitParams = getVisitParams(programId, productType, paymentSystem);
+    const aspects = [];
+    aspects.push({
+        aspectName: 'ymReachGoal',
+        params: {
+            yandexId: YANDEX_ID,
+            targetName: config.ymTargetName,
+            ...visitParams,
+        },
+    });
+    if (config.snowplowEventAction) {
+        aspects.push({
+            aspectName: 'snowplowEvent',
+            params: {
+                eventAction: config.snowplowEventAction,
+                eventCategory: config.snowplowEventCategory || 'naturalCredits',
+                eventValueText: config.snowplowEventValueText || '',
+            },
+        });
+    }
+    return aspects;
+};
+//# sourceMappingURL=getStepAspects.js.map

package/mobile/lib/utils/getStepAspects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStepAspects.js","sourceRoot":"","sources":["../../src/utils/getStepAspects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAU1D,MAAM,cAAc,GAAG,CACrB,SAAyB,EACzB,WAAoB,EACpB,aAAsB,EACG,EAAE;IAC3B,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,WAAW,IAAI,EAAE,CAAC;IAE3C,IAAI,aAAa,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC7C,OAAO;YACL,CAAC,gBAAgB,CAAC,EAAE;gBAClB,CAAC,WAAW,CAAC,EAAE,aAAa;aAC7B;SACF,CAAC;KACH;SAAM;QACL,OAAO;YACL,CAAC,gBAAgB,CAAC,EAAE,WAAW;SAChC,CAAC;KACH;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,GACS,EAAgB,EAAE;IACtC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;IAC1E,MAAM,OAAO,GAAiB,EAAE,CAAC;IAEjC,OAAO,CAAC,IAAI,CAAC;QACX,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE;YACN,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,MAAM,CAAC,YAAY;YAC/B,GAAG,WAAW;SACf;KACF,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,mBAAmB,EAAE;QAC9B,OAAO,CAAC,IAAI,CAAC;YACX,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE;gBACN,WAAW,EAAE,MAAM,CAAC,mBAAmB;gBACvC,aAAa,EAAE,MAAM,CAAC,qBAAqB,IAAI,gBAAgB;gBAC/D,cAAc,EAAE,MAAM,CAAC,sBAAsB,IAAI,EAAE;aACpD;SACF,CAAC,CAAC;KACJ;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/mobile/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -137,7 +137,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
               {renderInputs({ field, inputs: _?.inputs }, productType)}
             </div>
           ))}
-          {renderSubmitButton(button, isSending)}
+          {renderSubmitButton(button, { isSending, productType })}
           {esiaStatus === EsiaStatuses.Error ? (
             <Text size="text-m" font="font-medium" color="text-error">
               Использовать Госуслуги для оформления заявки невозможно, необходимо заполнить поля

package/mobile/src/components/ApplicationLeadForm/renderSubmitButton.tsx

@@ -1,8 +1,23 @@
+import { getAspects } from '../../retail/utils/commonAspects';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 import { type SubmitButtonProps } from './ApplicationLeadFormContent';
 
-export const renderSubmitButton = (button?: SubmitButtonProps, isSending = false) => (
-  <SubmitButton className="w-full @xl:w-auto" isLoading={isSending} testId="LeadSubmitButton">
-    {button?.text ? button.text : 'Отправить заявку'}
-  </SubmitButton>
-);
+export const renderSubmitButton = (
+  button?: SubmitButtonProps,
+  options?: { isSending?: boolean; productType?: string },
+) => {
+  const isSending = options?.isSending;
+  const productType = options?.productType;
+  const defaultAspects = getAspects('leadForm', productType);
+
+  return (
+    <SubmitButton
+      className="w-full @xl:w-auto"
+      isLoading={isSending ?? false}
+      testId="LeadSubmitButton"
+      data={defaultAspects}
+    >
+      {button?.text ? button.text : 'Отправить заявку'}
+    </SubmitButton>
+  );
+};

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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';