@redneckz/wildless-cms-uni-blocks 0.14.637 → 0.14.638

package/lib/components/CreditForm/renderInfo.d.ts

@@ -0,0 +1,2 @@
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+export declare const renderInfo: (inputs?: FieldDef[]) => JSX.Element[] | null;

package/lib/components/CreditForm/renderInfo.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { InfoCard } from '../../ui-kit/InfoCard/InfoCard.js';
+export const renderInfo = (inputs = []) => {
+    const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+    return infoInputs.length
+        ? infoInputs.map(({ text, name }, i) => _jsx(InfoCard, { __html: text }, `${name}_${i}`))
+        : null;
+};
+//# sourceMappingURL=renderInfo.js.map

package/lib/components/CreditForm/renderInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderInfo.js","sourceRoot":"","sources":["../../../src/components/CreditForm/renderInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAqB,EAAE,EAAE,EAAE;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC;IAEhE,OAAO,UAAU,CAAC,MAAM;QACtB,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAsB,MAAM,EAAE,IAAI,IAA5B,GAAG,IAAI,IAAI,CAAC,EAAE,CAAkB,CAAC;QACxF,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/lib/components/CreditForm/renderInputs.js

@@ -1,5 +1,3 @@
 import { getField } from '../../ui-kit/FormField/getField.js';
-export const renderInputs = ({ field, inputs }) => {
-    return (inputs || [])?.map(getField(field, ''));
-};
+export const renderInputs = ({ field, inputs }) => (inputs || [])?.map(getField(field, ''));
 //# sourceMappingURL=renderInputs.js.map

package/lib/components/CreditForm/renderInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderInputs.js","sourceRoot":"","sources":["../../../src/components/CreditForm/renderInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqB,EAAE,EAAE;IACnE,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"renderInputs.js","sourceRoot":"","sources":["../../../src/components/CreditForm/renderInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqB,EAAE,EAAE,CACnE,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC"}

package/lib/components/CreditForm/renderStep.d.ts

@@ -0,0 +1,10 @@
+import { type FormFieldRegisterer, type FormOperatorProps } from '../../hooks/useForm';
+import { type SectionsProps } from '../ApplicationForm/ApplicationFormContent';
+import { type FormStateMap } from './formStateMap';
+export declare type CustomSubmit = FormOperatorProps<FormStateMap[keyof FormStateMap]>['onSubmit'];
+export interface StepProps {
+    sections?: SectionsProps[];
+    field: FormFieldRegisterer<FormStateMap[keyof FormStateMap]>;
+    registerSubmit?: (submit: CustomSubmit) => void;
+}
+export declare const renderStep: ({ sections, field }: StepProps) => JSX.Element[] | undefined;

package/lib/components/CreditForm/renderStep.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle.js';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle.js';
+import { style } from '../../utils/style.js';
+import { renderInfo } from './renderInfo.js';
+import { renderInputs } from './renderInputs.js';
+export const renderStep = ({ sections, field }) => sections?.map(({ inputs, columns, title }, i) => (_jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo(inputs), renderTitle(title), renderInputs({ field, inputs })] }, `section-${i}`)));
+//# sourceMappingURL=renderStep.js.map

package/lib/components/CreditForm/renderStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/CreditForm/renderStep.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAa,EAAE,EAAE,CAC3D,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/C,eAA0B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,aACnF,UAAU,CAAC,MAAM,CAAC,EAClB,WAAW,CAAC,KAAK,CAAC,EAClB,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAHxB,WAAW,CAAC,EAAE,CAIlB,CACP,CAAC,CAAC"}

package/{mobile/bundle/components/CreditForm/useCreditFormApi.d.ts → lib/components/CreditForm/useCreditFormAPI.d.ts}

@@ -1,12 +1,13 @@
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
-import { type FormStateMap } from './getInitialFormState';
+import { type FormStateMap } from './formStateMap';
 declare type CreditFormApiProps = {
-    inputs: FieldDef[];
     step: number;
+    inputs: FieldDef[];
     onNextStep: () => void;
     saveStep: (value: Record<string, any>) => void;
+    finishForm?: (bool: boolean) => void;
 };
-export declare const useCreditFormApi: ({ inputs, step, onNextStep, saveStep }: CreditFormApiProps) => {
+export declare const useCreditFormAPI: ({ step, inputs, onNextStep, saveStep, finishForm, }: CreditFormApiProps) => {
     handleSubmit: (formData: FormStateMap[keyof FormStateMap]) => Promise<void | "OK" | "Fail">;
 };
 export {};

package/lib/components/CreditForm/{useCreditFormApi.js → useCreditFormAPI.js}

@@ -5,7 +5,7 @@ import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator.js
 import { objectValidator } from '../../validation/objectValidator.js';
 import { isValidationSuccess } from '../../validation/validator.js';
 import { getCreditFormTaskData } from './getCreditFormTaskData.js';
-export const useCreditFormApi = ({ inputs, step, onNextStep, saveStep }) => {
+export const useCreditFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
     const [taskId] = useLocalStorage('taskId');
     const [profileId] = useLocalStorage('profileId');
     const [participantId] = useLocalStorage('participantId');
@@ -30,10 +30,13 @@ export const useCreditFormApi = ({ inputs, step, onNextStep, saveStep }) => {
             return 'Fail';
         }
         onNextStep();
+        if (step === 5) {
+            finishForm?.(true);
+        }
         return 'OK';
     }, []);
     return {
         handleSubmit,
     };
 };
-//# sourceMappingURL=useCreditFormApi.js.map
+//# sourceMappingURL=useCreditFormAPI.js.map

package/lib/components/CreditForm/useCreditFormAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreditFormAPI.js","sourceRoot":"","sources":["../../../src/components/CreditForm/useCreditFormAPI.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAUhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,CAAC,MAAM,CAAC,GAAG,eAAe,CAAS,QAAQ,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,CAAC,GAAG,eAAe,CAAS,WAAW,CAAC,CAAC;IACzD,MAAM,CAAC,aAAa,CAAC,GAAG,eAAe,CAAS,eAAe,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAA0C,EAAE,EAAE;QACpF,MAAM,iBAAiB,GAAG,eAAe,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE;YACrD,OAAO,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SACxC;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEnB,IAAI;YACF,IAAI,MAAM,IAAI,SAAS,IAAI,aAAa,EAAE;gBACxC,MAAM,cAAc,CAClB,qBAAqB,CAAC;oBACpB,aAAa;oBACb,MAAM;oBACN,SAAS;oBACT,IAAI;oBACJ,QAAQ,EAAE,QAAe;iBAC1B,CAAC,CACH,CAAC;aACH;SACF;QAAC,OAAO,EAAE,EAAE;YACX,OAAO,MAAM,CAAC;SACf;QAED,UAAU,EAAE,CAAC;QAEb,IAAI,IAAI,KAAK,CAAC,EAAE;YACd,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/hooks/useForm.d.ts

@@ -13,7 +13,7 @@ export interface FormOperatorProps<FormState extends Record<string, any>> {
     field: FormFieldRegisterer<FormState>;
     update: (_: FormState) => void;
     reset: () => void;
-    onSubmit?: (ev: PreventableEvent) => void;
+    onSubmit?: (ev: PreventableEvent) => FormState;
 }
 export declare const useForm: <FormState extends Record<string, any>>(initialState: FormState, { resetOnSubmit, onSubmit, normalize, }?: {
     resetOnSubmit?: boolean | undefined;

package/lib/hooks/useForm.js

@@ -42,6 +42,7 @@ export const useForm = (initialState, { resetOnSubmit, onSubmit, normalize, } =
         ev.preventDefault();
         resetOnSubmit ? reset() : setDirtyForm(true);
         onSubmit && onSubmit(formState, ev);
+        return formState;
     }, [onSubmit, formState]);
     return [
         formState,

package/lib/hooks/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"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"}

package/lib/model/InputSectionsType.d.ts

@@ -0,0 +1,5 @@
+import { type SectionsProps } from '../components/ApplicationForm/ApplicationFormContent';
+export interface InputSectionsType {
+    /** @hidden */
+    sections?: SectionsProps[];
+}

package/lib/model/InputSectionsType.js

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

package/lib/model/InputSectionsType.js.map

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

package/mobile/bundle/api/RetailAPI/getTaskStatus.d.ts

@@ -0,0 +1,14 @@
+export declare enum STATUS_TYPE {
+    process = "IN_PROCESS",
+    ok = "OK",
+    fail = "FAILED",
+    rework = "REWORK"
+}
+interface GetTaskStatusResponse {
+    statusCd: STATUS_TYPE;
+    taskId: number;
+}
+export declare const getTaskStatus: (body: {
+    taskId: number;
+}) => Promise<GetTaskStatusResponse>;
+export {};

package/mobile/bundle/api/RetailAPI/sendSignalToProcess.d.ts

@@ -0,0 +1,11 @@
+export declare type SignalType = 'CREATE_APPLICATION_SHORT_SIGNAL' | 'CREATE_APPLICATION_LOAN_V3_SIGNAL' | 'KILL_DRAFT_PROCESS_SIGNAL';
+interface SendSignalToProcess {
+    signalType: SignalType;
+    taskId: number;
+}
+interface SendSignalToProcessResponse {
+    statusCd: string;
+    taskId: number;
+}
+export declare const sendSignalToProcess: (body: SendSignalToProcess) => Promise<SendSignalToProcessResponse>;
+export {};

package/mobile/bundle/bundle.umd.js

@@ -1076,6 +1076,7 @@
             ev.preventDefault();
             resetOnSubmit ? reset() : setDirtyForm(true);
             onSubmit && onSubmit(formState, ev);
+            return formState;
         }, [onSubmit, formState]);
         return [
             formState,
@@ -4198,12 +4199,12 @@
         };
     };
 
-    const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', typeForm = '', sections = [], button, ...rest }) => {
+    const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', sections = [], button, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
         const [responseType, setResponseType] = useState('');
         const { isLoading } = useInitApplicationLead(nextStepLink);
         const [leadForm, setLeadForm] = useLocalStorage('leadForm');
-        const initialFormState = getInitialFormState$1(inputs, leadForm, typeForm);
+        const initialFormState = getInitialFormState$1(inputs, leadForm);
         const { handleSubmit, responseStatus } = useApplicationLeadApi({
             inputs,
             programId,
@@ -4211,7 +4212,7 @@
             saveForm: setLeadForm,
         });
         if (responseStatus) {
-            const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus, typeForm });
+            const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus });
             responseTypeDialog.open();
         }
         const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
@@ -5117,9 +5118,9 @@
         isInsurance: 'isInsurance',
         moneyValue: 'maxSum',
     };
-    const CalculatorCredit = UniBlock(({ className, title, calcSource, buttons, footnote, paramsViewSettings, defaultParams, ...rest }) => {
+    const CalculatorCredit = UniBlock(({ className, title, calcSource, buttons, footnote, paramsViewSettings, defaultParams, registerSubmit, ...rest }) => {
         const defaultParamsCals = getDefaultParamsMin(calcSource?.rateRows);
-        const [userInputParams, { field }] = useForm({
+        const [userInputParams, { field, onSubmit }] = useForm({
             moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
             monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
             isAnnuity: Boolean(defaultParams?.isAnnuity),
@@ -5128,6 +5129,7 @@
             isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
             isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
         });
+        registerSubmit?.(onSubmit);
         const calcParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
         const paymentTypeElement = renderPaymentType({
             title: 'Тип платежа',
@@ -5835,15 +5837,159 @@
 
     const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
 
-    const CreditFormProgress = JSX(({ step = 0, totalSteps = 5, stepsTitles = [] }) => {
-        const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
-        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold", children: ["\u0428\u0430\u0433 ", step + 1, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
+    const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
+        const progress = useMemo(() => (step / totalSteps) * 100, [step, totalSteps]);
+        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold mr-s", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
     });
 
+    var STATUS_TYPE;
+    (function (STATUS_TYPE) {
+        STATUS_TYPE["process"] = "IN_PROCESS";
+        STATUS_TYPE["ok"] = "OK";
+        STATUS_TYPE["fail"] = "FAILED";
+        STATUS_TYPE["rework"] = "REWORK";
+    })(STATUS_TYPE || (STATUS_TYPE = {}));
+    const getTaskStatus = (body) => doRequest('/user-data/getTaskStatus', 'POST', body);
+
+    const sendSignalToProcess = (body) => doRequest('/public-data/sendSignalToProcess', 'POST', body);
+
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
 
+    const TimerCircle = JSX(({ interval = 0, title, __html }) => {
+        const [time, setTime] = useState(interval);
+        const gradientPercentage = 100 - ((interval - time) / interval) * 100;
+        return (jsxs("div", { children: [title ? jsx(Headline, { title: title, headlineVersion: "S" }) : null, jsxs("div", { className: "flex justify-center items-center flex-col", children: [jsxs("div", { className: style(`relative flex items-center justify-center w-24 h-24 rounded-full bg-gray text-transparent mb-5`), children: [jsx("div", { className: "absolute inset-0 rounded-full", style: {
+                                        background: `conic-gradient(rgb(66, 171, 68) ${gradientPercentage}%, rgb(125, 126, 127) 0deg)`,
+                                    } }), jsx("div", { className: "z-10 flex items-center justify-center px-4 py-2 rounded-full w-20 h-20 bg-white text-primary-text text-m", children: jsx(Timer, { interval: interval, time: time, setTime: setTime }) })] }), __html ? jsx(RichText, { __html: __html }) : null] })] }));
+    });
+
+    const CreditFormStatus = JSX(({ title, description: dsc, infoCard, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, ...props }) => (jsxs(BlockWrapper, { ...props, children: [jsxs("div", { className: "flex flex-col md:flex-row items-center", children: [jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }), interval ? jsx(TimerCircle, { interval: interval }) : null] }), jsx(SectionInfo, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
+                    text: infoCard?.link?.text,
+                } })) : null, buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null] })));
+    const SectionInfo = ({ title, items, countColumns = false, }) => {
+        const isMobile = useMobileMode();
+        if (!items) {
+            return null;
+        }
+        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid grid-cols-1 gap-m', inputColumnStyles(countColumns || isMobile ? 1 : 2)), children: items.map((item, index) => (jsx("div", { children: renderItem(item) }, index))) })) : null] })] }));
+    };
+    const renderItem = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
+
+    const FailedStatusContent = JSX(() => (jsx(CreditFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442.\n      \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+
+    const PendingStatusContent = JSX(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u0443", sectionInfo: [
+                {
+                    label: 'Название продукта',
+                    description: 'Кредит на любые цели',
+                },
+                {
+                    label: 'Цель кредита',
+                    description: 'На любые цели',
+                },
+                {
+                    label: 'Сумма',
+                    description: leadForm?.moneyValue?.toLocaleString() + ' ₽',
+                },
+                {
+                    label: 'Срок кредита',
+                    description: leadForm?.monthsValue + ' мес',
+                },
+                {
+                    label: 'Тип платежа',
+                    description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
+                },
+            ] }));
+    });
+
+    const ReworkStatusContent = JSX(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0432\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435, \u043D\u043E \u043D\u0430\u043C \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043B\u044C\u0448\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0434\u043B\u044F \u043F\u0440\u0438\u043D\u044F\u0442\u0438\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F", description: "\u041F\u043E\u0441\u0435\u0442\u0438\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430 \u0441 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B\u043C\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u043C\u0438 \u0438 \u0442\u0430\u043A \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430.", sectionAdditionalTitle: "\u0412 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0438 \u0411\u0430\u043D\u043A\u0430", sectionInfoAdditional: [
+                {
+                    label: 'Регион',
+                    description: leadForm?.regionRetail?.text,
+                },
+                {
+                    label: 'Адрес',
+                    description: leadForm?.addressRetail?.text,
+                },
+            ], sectionInfo: [
+                {
+                    label: 'Основные документы:',
+                    description: '- Паспорт РФ',
+                },
+            ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
+    });
+
+    const SuccessStatusContent = JSX(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
+                {
+                    label: 'Название продукта',
+                    description: 'Кредит на любые цели',
+                },
+                {
+                    label: 'Ставка',
+                    description: '14,5%',
+                },
+                {
+                    label: 'Ежемесячный платеж',
+                    description: '86 052 ₽',
+                },
+                {
+                    label: 'Срок кредита',
+                    description: leadForm?.monthsValue + ' мес',
+                },
+                {
+                    label: 'Тип платежа',
+                    description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
+                },
+            ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
+    });
+
+    const TASK_ID = 2816419;
+    const SIGNAL_TYPES = [
+        'CREATE_APPLICATION_SHORT_SIGNAL',
+        'CREATE_APPLICATION_LOAN_V3_SIGNAL',
+    ];
+    const CreditFormStatusTracker = JSX(() => {
+        const [status, setStatus] = useState(STATUS_TYPE.process);
+        useEffect(() => {
+            for (const signalType of SIGNAL_TYPES) {
+                sendSignalToProcess({ signalType, taskId: TASK_ID });
+            }
+            const trackStatus = () => getTaskStatus({ taskId: TASK_ID }).then((res) => {
+                if (res.statusCd && res.statusCd !== STATUS_TYPE.process) {
+                    clearInterval(pullingInterval);
+                    setStatus(res.statusCd);
+                }
+            });
+            const pullingInterval = setInterval(trackStatus, 30000);
+        }, []);
+        return renderStatus(status);
+    });
+    const renderStatus = (status) => {
+        const statusesMap = {
+            IN_PROCESS: jsx(PendingStatusContent, {}),
+            FAILED: jsx(FailedStatusContent, {}),
+            OK: jsx(SuccessStatusContent, {}),
+            REWORK: jsx(ReworkStatusContent, {}),
+        };
+        return statusesMap[status] || null;
+    };
+
     const formStateMap = {
         0: {
+            moneyValue: 0,
+            monthsValue: 0,
+            isAnnuity: false,
+            isInsurance: false,
+            isSalaryClient: false,
+            isPensionClient: false,
+            isStateEmployee: false,
+        },
+        1: {
             surname: '',
             name: '',
             middleName: '',
@@ -5861,7 +6007,6 @@
                 fullAddress: '',
                 fiasCode: '',
             },
-            addressMatch: false,
             participantDateRegistration: undefined,
             addressFact: {
                 fullAddress: '',
@@ -5869,7 +6014,7 @@
             },
             housing: '',
         },
-        1: {
+        2: {
             amountWorkers: { key: '', text: '' },
             beginDate: undefined,
             employerActivities: { key: '', text: '' },
@@ -5890,7 +6035,7 @@
             partInBusiness: undefined,
             positionOrganization: { key: '', text: '' },
         },
-        2: {
+        3: {
             familyStatus: { key: '', text: '' },
             dependents: undefined,
             familyMembers: undefined,
@@ -5899,19 +6044,20 @@
             snils: '',
             armyIdFlg: false,
         },
-        3: {
+        4: {
             disablePeopleFlg: false,
             bankruptcyFlg: false,
             shareholderFlg: false,
             legalEntityName: '',
             creditInRshbCd: undefined,
         },
-        4: {
+        5: {
             regionRetail: '',
             addressRetail: '',
             bankEmployeeCode: '',
         },
     };
+
     const getInitialFormState = (step, localStorageData) => {
         if (localStorageData) {
             // TODO: Fill in for other fields with type Date
@@ -5926,10 +6072,17 @@
         };
     };
 
-    const renderInputs = ({ field, inputs }) => {
-        return (inputs || [])?.map(getField(field, ''));
+    const renderInfo$1 = (inputs = []) => {
+        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+        return infoInputs.length
+            ? infoInputs.map(({ text, name }, i) => jsx(InfoCard, { __html: text }, `${name}_${i}`))
+            : null;
     };
 
+    const renderInputs = ({ field, inputs }) => (inputs || [])?.map(getField(field, ''));
+
+    const renderStep = ({ sections, field }) => sections?.map(({ inputs, columns, title }, i) => (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$1(inputs), renderTitle(title), renderInputs({ field, inputs })] }, `section-${i}`)));
+
     const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
         const isFirstStep = step === 0;
         return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
@@ -6052,7 +6205,7 @@
         }
     };
 
-    const useCreditFormApi = ({ inputs, step, onNextStep, saveStep }) => {
+    const useCreditFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
         const [taskId] = useLocalStorage('taskId');
         const [profileId] = useLocalStorage('profileId');
         const [participantId] = useLocalStorage('participantId');
@@ -6077,6 +6230,9 @@
                 return 'Fail';
             }
             onNextStep();
+            if (step === 5) {
+                finishForm?.(true);
+            }
             return 'OK';
         }, []);
         return {
@@ -6084,29 +6240,34 @@
         };
     };
 
-    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, inputs }) => {
+    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, inputs, renderStep: renderStep$1 = renderStep, isFormFinished, finishForm, }) => {
         const [localStorageData, saveStep] = useLocalStorage('leadForm');
         const initialState = getInitialFormState(step, localStorageData);
-        const { handleSubmit } = useCreditFormApi({
-            inputs,
+        const customSubmit = useRef(undefined);
+        const registerSubmit = useCallback((submit) => {
+            customSubmit.current = submit;
+        }, []);
+        const { handleSubmit } = useCreditFormAPI({
             step,
-            onNextStep: onNextStep,
+            inputs,
+            onNextStep,
             saveStep,
+            finishForm,
+        });
+        const [, { field, onSubmit }] = useForm(initialState, {
+            onSubmit: (formData, ev) => {
+                handleSubmit({ ...formData, ...customSubmit.current?.(ev) });
+            },
         });
-        const [, { field, onSubmit }] = useForm(initialState, { onSubmit: handleSubmit });
-        return (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep({ sections, field }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, registerSubmit }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
     });
-    const renderStep = ({ sections, field }) => {
-        return sections?.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, inputs: _?.inputs })] }, `section-${i}`)));
-    };
-    const renderInfo$1 = (inputs = []) => {
-        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
-        return infoInputs.length ? infoInputs.map(({ text }) => jsx(InfoCard, { __html: text })) : null;
-    };
 
     /* eslint-disable max-lines */
     /* eslint-disable max-len */
     const stepsSectionsMap = [
+        [
+        // zero step for calculator
+        ],
         [
             {
                 title: 'Персональные данные',
@@ -6337,8 +6498,8 @@
         ],
     ];
 
-    const STEPS_COUNT = 5;
-    const STEPS_TITLES = [
+    const WIZARD_STEPS = 5;
+    const WIZARD_TITLES = [
         'Персональные данные',
         'Данные о трудоустройстве',
         'Данные о доходах и расходах',
@@ -6347,16 +6508,26 @@
     ];
     const CreditForm = JSX(({ className, ...rest }) => {
         const [step, setStep] = useState(0);
-        const sections = useMemo(() => stepsSectionsMap[step], [step]);
-        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS_COUNT - 1));
+            setStep((_) => Math.min(_ + 1, WIZARD_STEPS));
         }, []);
         const handlePrevStep = useCallback(() => {
             //TODO search hook - 1,
             setStep((_) => Math.max(_ - 1, 0));
         }, []);
-        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { inputs: inputs, step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep }, String(step)) })] }) }));
+        const sections = useMemo(() => stepsSectionsMap[step], [step]);
+        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+        const isStartStep = step === 0;
+        const [isFormFinished, setIsFormFinished] = useState(false);
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: WIZARD_TITLES, step: step, totalSteps: WIZARD_STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { step: step, inputs: inputs, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished, renderStep: isStartStep
+                                ? ({ registerSubmit }) => (jsx(CalculatorCredit, { ...{
+                                        title: 'Калькулятор кредита',
+                                        footnote: 'Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка.',
+                                        calcSource: {
+                                            $ref: '/wcms-resources/credit-calculator-data.json',
+                                        },
+                                    }, registerSubmit: registerSubmit }))
+                                : undefined }, String(step)) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -8252,7 +8423,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.636";
+    const packageVersion = "0.14.637";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;