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

package/mobile/lib/components/CreditForm/getInitialFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInitialFormState.js","sourceRoot":"","sources":["../../../src/components/CreditForm/getInitialFormState.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"getInitialFormState.js","sourceRoot":"","sources":["../../../src/components/CreditForm/getInitialFormState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAAU,EACV,gBAA4C,EACxB,EAAE;IACtB,IAAI,gBAAgB,EAAE;QACpB,gDAAgD;QAChD,kCAAkC;QAClC,gBAAgB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,QAAQ;YACnD,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,QAAkB,CAAC;YAC/C,CAAC,CAAC,SAAS,CAAC;QACd,gBAAgB,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,iBAAiB;YACrE,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,iBAA2B,CAAC;YACxD,CAAC,CAAC,SAAS,CAAC;QACd,gBAAgB,CAAC,2BAA2B,GAAG,gBAAgB,CAAC,2BAA2B;YACzF,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,2BAAqC,CAAC;YAClE,CAAC,CAAC,SAAS,CAAC;QACd,gBAAgB,CAAC,SAAS,GAAG,gBAAgB,EAAE,SAAS;YACtD,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,SAAmB,CAAC;YAChD,CAAC,CAAC,SAAS,CAAC;KACf;IAED,OAAO;QACL,GAAG,YAAY,CAAC,IAAI,CAAC;QACrB,GAAG,gBAAgB;KACpB,CAAC;AACJ,CAAC,CAAC"}

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

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

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/lib/components/CreditForm/renderStep.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+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/mobile/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/mobile/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/lib/components/CreditForm/useCreditFormAPI.d.ts

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

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/lib/model/InputSectionsType.d.ts

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

package/mobile/lib/model/InputSectionsType.js

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

package/mobile/lib/model/InputSectionsType.js.map

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

package/mobile/src/api/RetailAPI/getTaskStatus.ts

@@ -0,0 +1,16 @@
+import { doRequest } from './doRequest';
+
+export enum STATUS_TYPE {
+  process = 'IN_PROCESS',
+  ok = 'OK',
+  fail = 'FAILED',
+  rework = 'REWORK',
+}
+
+interface GetTaskStatusResponse {
+  statusCd: STATUS_TYPE;
+  taskId: number;
+}
+
+export const getTaskStatus = (body: { taskId: number }) =>
+  doRequest<GetTaskStatusResponse>('/user-data/getTaskStatus', 'POST', body);

package/mobile/src/api/RetailAPI/sendSignalToProcess.ts

@@ -0,0 +1,19 @@
+import { doRequest } from './doRequest';
+
+export 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 const sendSignalToProcess = (body: SendSignalToProcess) =>
+  doRequest<SendSignalToProcessResponse>('/public-data/sendSignalToProcess', 'POST', body);

package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -3,6 +3,7 @@
 
 import { type AspectsProps } from '../../model/AspectsProps';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
+import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type Target } from '../../model/LinkProps';
 import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
@@ -140,7 +141,8 @@ type additionalParamsType = hideProductDef | showProductDef;
  */
 export type ApplicationFormContent = UniBlockContent &
   TitleProps &
-  AspectsProps & {
+  AspectsProps &
+  InputSectionsType & {
     /** @title Кнопка */
     button?: SubmitButtonProps;
     /**
@@ -154,8 +156,6 @@ export type ApplicationFormContent = UniBlockContent &
       target?: Target;
     };
     typeForm?: TypeFormFieldDef;
-    /** @hidden */
-    sections?: SectionsProps[];
     endpoint?: EndpointType;
     /** @title Дополнительные параметры формы */
     additionalParams?: additionalParamsType;

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

@@ -24,7 +24,6 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
     title,
     programId = '',
     nextStepLink = '/credit-lead',
-    typeForm = '',
     sections = [],
     button,
     ...rest
@@ -34,7 +33,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
 
     const { isLoading } = useInitApplicationLead(nextStepLink);
     const [leadForm, setLeadForm] = useLocalStorage<FormState>('leadForm');
-    const initialFormState = getInitialFormState(inputs, leadForm, typeForm);
+    const initialFormState = getInitialFormState(inputs, leadForm);
     const { handleSubmit, responseStatus } = useApplicationLeadApi({
       inputs,
       programId,
@@ -43,7 +42,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
     });
 
     if (responseStatus) {
-      const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus, typeForm });
+      const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus });
       responseTypeDialog.open();
     }
 

package/mobile/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -1,7 +1,7 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
+import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
-import { type Target } from '../../model/LinkProps';
 import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 import { type FormState } from './getInitialFormState';
@@ -113,27 +113,14 @@ export type SectionsProps = TitleProps & {
  * @title Форма заявки настраиваемая
  */
 export type ApplicationLeadFormContent = UniBlockContent &
-  TitleProps & {
+  TitleProps &
+  InputSectionsType & {
     /** @title Кнопка */
     button?: SubmitButtonProps;
-    /**
-     * @title Условия передачи данных
-     * @required ["text", "href"]
-     */
-    link?: TextProps & {
-      /** @title URL (href) */
-      href?: string;
-      /** @default "" */
-      target?: Target;
-    };
     /** @title Номер кредитной программы */
     programId?: string;
     /** @title адресс следующей страницы заявки */
     nextStepLink?: string;
-    typeForm?: TypeFormFieldDef;
-    /** @hidden */
-    sections?: SectionsProps[];
-    endpoint?: EndpointType;
   };
 
 /** @hidden */

package/mobile/src/components/CalculatorCredit/CalculatorCredit.tsx

@@ -18,6 +18,7 @@ import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInp
 import { setDefaultParamsCalc } from '../../ui-kit/Calculator/setDefaultParamsCalc';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { clamp } from '../../utils/clamp';
@@ -44,7 +45,9 @@ const MAP = {
 export interface CalculatorDepositProps extends CalculatorCreditContent, UniBlockProps {
   className?: string;
   calcSource?: CreditCalculatorData & JSONRefObject;
+  registerSubmit?: (submit: ((ev: PreventableEvent) => Record<string, any>) | undefined) => void;
 }
+
 export const CalculatorCredit = UniBlock<CalculatorDepositProps>(
   ({
     className,
@@ -54,10 +57,12 @@ export const CalculatorCredit = UniBlock<CalculatorDepositProps>(
     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),
@@ -67,6 +72,8 @@ export const CalculatorCredit = UniBlock<CalculatorDepositProps>(
       isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
     });
 
+    registerSubmit?.(onSubmit);
+
     const calcParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
     const paymentTypeElement = renderPaymentType({
       title: 'Тип платежа',

package/mobile/src/components/CreditForm/CreditForm.tsx

@@ -7,13 +7,17 @@ import {
   type FieldDef,
   type SectionsProps,
 } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { CalculatorCredit } from '../CalculatorCredit/CalculatorCredit';
 import { type CreditFormContent } from './CreditFormContent';
 import { CreditFormProgress } from './CreditFormProgress';
 import { CreditFormStep } from './CreditFormStep';
 import { stepsSectionsMap } from './creditFormStepsData';
 
-const STEPS_COUNT = 5;
-const STEPS_TITLES = [
+interface CreditFormWizardProps extends CreditFormContent, UniBlockProps {}
+
+const WIZARD_STEPS = 5;
+
+const WIZARD_TITLES = [
   'Персональные данные',
   'Данные о трудоустройстве',
   'Данные о доходах и расходах',
@@ -21,16 +25,11 @@ const STEPS_TITLES = [
   'Отделение Банка',
 ];
 
-interface CreditFormProps extends CreditFormContent, UniBlockProps {}
-
-export const CreditForm = JSX<CreditFormProps>(({ className, ...rest }) => {
+export const CreditForm = JSX<CreditFormWizardProps>(({ className, ...rest }) => {
   const [step, setStep] = useState(0);
-  const sections = useMemo(() => stepsSectionsMap[step], [step]);
-
-  const inputs = (sections?.flatMap((_: SectionsProps) => _?.inputs) || []) as FieldDef[];
 
   const handleNextStep = useCallback(() => {
-    setStep((_) => Math.min(_ + 1, STEPS_COUNT - 1));
+    setStep((_) => Math.min(_ + 1, WIZARD_STEPS));
   }, []);
 
   const handlePrevStep = useCallback(() => {
@@ -38,18 +37,46 @@ export const CreditForm = JSX<CreditFormProps>(({ className, ...rest }) => {
     setStep((_) => Math.max(_ - 1, 0));
   }, []);
 
+  const sections = useMemo(() => stepsSectionsMap[step], [step]);
+
+  const inputs = (sections?.flatMap((_: SectionsProps) => _?.inputs) || []) as FieldDef[];
+
+  const isStartStep = step === 0;
+  const [isFormFinished, setIsFormFinished] = useState(false);
+
   return (
     <BlockWrapper className={style('bg-transparent', className)} defaultPadding="p-6xl" {...rest}>
       <div className="container grid grid-cols-12">
-        <CreditFormProgress stepsTitles={STEPS_TITLES} step={step} totalSteps={STEPS_COUNT} />
+        {isStartStep || isFormFinished ? null : (
+          <CreditFormProgress stepsTitles={WIZARD_TITLES} step={step} totalSteps={WIZARD_STEPS} />
+        )}
         <div className="py-lg px-5xl mt-2xs bg-white col-span-12">
           <CreditFormStep
-            inputs={inputs}
             key={String(step)}
             step={step}
+            inputs={inputs}
             sections={sections}
             onNextStep={handleNextStep}
             onPrevStep={handlePrevStep}
+            isFormFinished={isFormFinished}
+            finishForm={setIsFormFinished}
+            renderStep={
+              isStartStep
+                ? ({ registerSubmit }) => (
+                    <CalculatorCredit
+                      {...{
+                        title: 'Калькулятор кредита',
+                        footnote:
+                          'Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка.',
+                        calcSource: {
+                          $ref: '/wcms-resources/credit-calculator-data.json',
+                        },
+                      }}
+                      registerSubmit={registerSubmit}
+                    />
+                  )
+                : undefined
+            }
           />
         </div>
       </div>

package/mobile/src/components/CreditForm/CreditFormContent.ts

@@ -1,46 +1,22 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type TextProps, type TitleProps } from '../../model/HeadlineType';
-import { type Target } from '../../model/LinkProps';
+import { type TitleProps } from '../../model/HeadlineType';
+import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-import {
-  type EndpointType,
-  type SectionsProps,
-  type SubmitButtonProps,
-} from '../ApplicationForm/ApplicationFormContent';
-import {
-  type FieldDef,
-  type TypeFormFieldDef,
-} from '../ApplicationLeadForm/ApplicationLeadFormContent';
-import { type FormStateMap } from './getInitialFormState';
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { type FormStateMap } from './formStateMap';
 
 /**
  * @title Форма заявки на потребительский кредит настраиваемая
  */
 export type CreditFormContent = UniBlockContent &
-  TitleProps & {
-    /** @title Кнопка */
-    button?: SubmitButtonProps;
-    /**
-     * @title Условия передачи данных
-     * @required ["text", "href"]
-     */
-    link?: TextProps & {
-      /** @title URL (href) */
-      href?: string;
-      /** @default "" */
-      target?: Target;
-    };
+  TitleProps &
+  InputSectionsType & {
     /** @title Номер кредитной программы */
     programId?: string;
-    typeForm?: TypeFormFieldDef;
-    /** @hidden */
-    sections?: SectionsProps[];
-    endpoint?: EndpointType;
   };
 
 /** @hidden */
 export interface RenderInputsProps {
   inputs?: FieldDef[];
-  typeForm?: TypeFormFieldDef | string;
   field: FormFieldRegisterer<FormStateMap[keyof FormStateMap]>;
 }

package/mobile/src/components/CreditForm/CreditFormProgress.tsx

@@ -4,19 +4,19 @@ import { ProgressBar } from '../../ui-kit/ProgressBar/ProgressBar';
 
 export interface CreditFormProgressProps {
   step: number;
-  totalSteps: number;
+  totalSteps?: number;
   stepsTitles?: string[];
 }
 
 export const CreditFormProgress = JSX<CreditFormProgressProps>(
-  ({ step = 0, totalSteps = 5, stepsTitles = [] }) => {
-    const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
+  ({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
+    const progress = useMemo(() => (step / totalSteps) * 100, [step, totalSteps]);
 
     return (
       <div className="py-lg px-5xl bg-white col-span-12">
         <div>
-          <span className="font-bold">
-            Шаг {step + 1} из {totalSteps}.
+          <span className="font-bold mr-s">
+            Шаг {step} из {totalSteps}.
           </span>
           {stepsTitles[step] || null}
           <ProgressBar step={progress} showPercentage={false} />

package/mobile/src/components/CreditForm/CreditFormStatus.tsx

@@ -0,0 +1,119 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMobileMode } from '../../hooks/useMobileMode';
+import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
+import { InfoCard, type InfoCardProps } from '../../ui-kit/InfoCard/InfoCard';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+import { Text } from '../../ui-kit/Text/Text';
+import { TimerCircle } from '../../ui-kit/TimerCircle/TimerCircle';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { style } from '../../utils/style';
+import { Headline } from '../Headline/Headline';
+
+type CreditFormStatusProps = UniBlockProps & {
+  title?: string;
+  description?: string;
+  interval?: number;
+  sectionInfoTitle?: string;
+  sectionInfo?: (LabelProps & DescriptionProps)[];
+  sectionAdditionalTitle?: string;
+  sectionInfoAdditional?: (LabelProps & DescriptionProps)[];
+  buttonText?: string;
+  infoCard?: InfoCardProps;
+};
+
+export const CreditFormStatus = JSX<CreditFormStatusProps>(
+  ({
+    title,
+    description: dsc,
+    infoCard,
+    sectionInfoTitle,
+    sectionInfo,
+    sectionAdditionalTitle,
+    sectionInfoAdditional,
+    buttonText,
+    interval,
+    ...props
+  }) => (
+    <BlockWrapper {...props}>
+      <div className="flex flex-col md:flex-row items-center">
+        <Headline
+          headlineVersion="M"
+          title={title}
+          description={dsc}
+          align="text-left"
+          padding="p-xl"
+          className="w-full"
+        />
+        {interval ? <TimerCircle interval={interval} /> : null}
+      </div>
+      <SectionInfo title={sectionInfoTitle} items={sectionInfo} />
+      <SectionInfo title={sectionAdditionalTitle} items={sectionInfoAdditional} countColumns />
+      {infoCard?.__html ? (
+        <InfoCard
+          __html={infoCard?.__html}
+          icon={infoCard?.icon}
+          link={{
+            text: infoCard?.link?.text,
+          }}
+        />
+      ) : null}
+      {buttonText ? (
+        <LinkButton href="/natural" text={buttonText} version="primary" className="w-full mt-lg" />
+      ) : null}
+    </BlockWrapper>
+  ),
+);
+
+const SectionInfo = ({
+  title,
+  items,
+  countColumns = false,
+}: {
+  title?: string;
+  items?: (LabelProps & DescriptionProps)[];
+  countColumns?: boolean;
+}) => {
+  const isMobile = useMobileMode();
+
+  if (!items) {
+    return null;
+  }
+
+  return (
+    <div>
+      <hr className="w-full h-px bg-main-gray border-0" />
+      <div className="p-xl">
+        {title ? (
+          <Text color="text-primary-text" size="text-h5">
+            <div className={style({ 'mb-m': Boolean(title) })}>{title}</div>
+          </Text>
+        ) : null}
+        {items ? (
+          <div
+            className={style(
+              'grid grid-cols-1 gap-m',
+              inputColumnStyles(countColumns || isMobile ? 1 : 2),
+            )}
+          >
+            {items.map((item, index) => (
+              <div key={index}>{renderItem(item)}</div>
+            ))}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  );
+};
+
+const renderItem = ({ label, description }: LabelProps & DescriptionProps) => (
+  <div className="flex flex-col">
+    <Text color="text-secondary-text" size="text-l">
+      {label}
+    </Text>
+    <Text color="text-primary-text" size="text-xl">
+      {description}
+    </Text>
+  </div>
+);